Emplacement:Page d'accueil > Code d'effets spéciaux JS > Animation CSS3

Conception matérielle du menu du bouton extensible CSS3

2020-06-25 73Nombre de vues
Ceci est un effet de bouton de menu ouvert de style de conception matérielle cool. Il y a sept effets différents dans cet effet spécial. Dans chaque effet, un groupe de boutons du menu principal peut être ouvert en cliquant sur le bouton du menu principal. Les effets d'animation des différents sous-menus d'ouverture sont différents. Le premier effet est que lorsque vous cliquez sur le bouton du menu principal, le bouton du menu principal se déplace vers la gauche, et le bouton du menu principal apparaît à son tour avec le bouton du menu principal en mouvement. Le deuxième effet est qu'après avoir cliqué sur le bouton du menu principal, un calque de masque circulaire apparaîtra, et les quatre boutons de sous-menu apparaîtront dans les positions supérieure, inférieure, gauche et droite du calque de masque circulaire. Le troisième effet est qu'après avoir cliqué sur le bouton du menu principal, le bouton du sous-menu apparaîtra au-dessus du bouton du menu principal de bas en haut. Le quatrième effet est qu'après avoir cliqué sur le bouton du menu principal, le bouton du sous-menu glissera des deux côtés du bouton du menu principal. Le cinquième effet est qu'après avoir cliqué sur le bouton du menu principal, le bouton du sous-menu apparaîtra à partir de la position du bouton du menu principal et apparaîtra à son tour. Le sixième effet est qu'après avoir cliqué sur le bouton du menu principal, les boutons du sous-menu apparaissent des deux côtés du bouton du menu principal, puis pivotent à 360 degrés autour du bouton du menu principal. Le septième effet est de cliquer sur le bouton du menu principal, quatre boutons de sous-menu apparaissent tour à tour, autour du bouton du menu principal