Ubicación:Página principal > Código de efectos especiales JS > Animación CSS3

Diseño de material de menú de botón expandible CSS3 Material Design

2020-06-25 141Número de visitas
Este es un efecto de botón de menú abierto de estilo de diseño de material genial. Hay siete efectos diferentes en este efecto especial. En cada efecto, se puede abrir un grupo de botones del menú principal haciendo clic en el botón del menú principal. Los efectos de animación de varios submenús de apertura son diferentes. El primer efecto es que cuando hace clic en el botón del menú principal, el botón del menú principal se moverá hacia la izquierda y el botón del menú principal aparecerá a su vez con el botón del menú principal moviéndose. El segundo efecto es que después de hacer clic en el botón del menú principal, aparecerá una capa de máscara circular y los cuatro botones del submenú aparecerán en las posiciones superior, inferior, izquierda y derecha de la capa de máscara circular. El tercer efecto es que después de hacer clic en el botón del menú principal, el botón del submenú aparecerá encima del botón del menú principal de abajo hacia arriba. El cuarto efecto es que después de hacer clic en el botón del menú principal, el botón del submenú se deslizará a ambos lados del botón del menú principal. El quinto efecto es que después de hacer clic en el botón del menú principal, el botón del submenú aparecerá en la posición del botón del menú principal y aparecerá a su vez. El sexto efecto es que después de hacer clic en el botón del menú principal, los botones del submenú aparecen a ambos lados del botón del menú principal y luego giran 360 grados alrededor del botón del menú principal. El séptimo efecto es hacer clic en el botón del menú principal, aparecen cuatro botones del submenú a su vez, alrededor del botón del menú principal