Posizione:homepage > Codice effetti speciali JS > Animazione CSS3

Design dei materiali del menu dei pulsanti espandibili CSS3 Material Design

2020-06-25 77Numero di viste
Questo è un effetto pulsante del menu aperto in stile design materiale interessante. Ci sono sette diversi effetti in questo effetto speciale. In ogni effetto, è possibile aprire un gruppo di pulsanti del menu principale facendo clic sul pulsante del menu principale. Gli effetti di animazione dei vari sottomenu di apertura sono diversi. Il primo effetto è che quando si fa clic sul pulsante del menu principale, il pulsante del menu principale si sposta a sinistra e il pulsante del menu principale apparirà a sua volta con il pulsante del menu principale in movimento. Il secondo effetto è che dopo aver fatto clic sul pulsante del menu principale, apparirà un livello maschera circolare, ei quattro pulsanti del sottomenu appariranno nelle posizioni superiore, inferiore, sinistra e destra del livello maschera circolare. Il terzo effetto è che dopo aver fatto clic sul pulsante del menu principale, il pulsante del sottomenu apparirà sopra il pulsante del menu principale dal basso verso l'alto. Il quarto effetto è che dopo aver fatto clic sul pulsante del menu principale, il pulsante del sottomenu scorrerà su entrambi i lati del pulsante del menu principale. Il quinto effetto è che dopo aver fatto clic sul pulsante del menu principale, il pulsante del sottomenu apparirà dalla posizione del pulsante del menu principale e apparirà a sua volta. Il sesto effetto è che dopo aver fatto clic sul pulsante del menu principale, i pulsanti del sottomenu vengono visualizzati su entrambi i lati del pulsante del menu principale, quindi ruotano di 360 gradi attorno al pulsante del menu principale. Il settimo effetto è fare clic sul pulsante del menu principale, quattro pulsanti del menu secondario vengono visualizzati a turno, attorno al pulsante del menu principale