Localização:Homepage > Código de efeitos especiais JS > Animação CSS3

CSS3 botão expansível menu material design Material Design

2020-06-25 105Browse
Este é um efeito de botão de menu aberto de estilo design de material legal. Existem sete efeitos diferentes neste efeito especial. Em cada efeito, um grupo de botões do menu principal pode ser aberto clicando no botão do menu principal. Os efeitos de animação de vários submenus de abertura são diferentes. O primeiro efeito é que, quando você clica no botão do menu principal, o botão do menu principal se move para a esquerda e o botão do menu principal aparece sucessivamente com o botão do menu principal se movendo. O segundo efeito é que após clicar no botão do menu principal, uma camada de máscara circular aparecerá e os quatro botões do submenu aparecerão nas posições superior, inferior, esquerda e direita da camada de máscara circular. O terceiro efeito é que após clicar no botão do menu principal, o botão do submenu aparecerá acima do botão do menu principal de baixo para cima. O quarto efeito é que após clicar no botão do menu principal, o botão do submenu deslizará em ambos os lados do botão do menu principal. O quinto efeito é que, após clicar no botão do menu principal, o botão do submenu aparecerá na posição do botão do menu principal e aparecerá sucessivamente. O sexto efeito é que, após clicar no botão do menu principal, os botões do submenu aparecem em ambos os lados do botão do menu principal e giram 360 graus em torno do botão do menu principal. O sétimo efeito é clicar no botão do menu principal, quatro botões do submenu aparecem sucessivamente, ao redor do botão do menu principal