Ort：Homepage > JS-Spezialeffektcode > CSS3-Animation

Dies ist ein cooler Menüentwurfseffekt im Materialdesignstil. Es gibt sieben verschiedene Effekte in diesem Spezialeffekt. In jedem Effekt kann eine Gruppe von Hauptmenüschaltflächen durch Klicken auf die Hauptmenüschaltfläche geöffnet werden. Die Animationseffekte verschiedener öffnender Untermenüs sind unterschiedlich. Der erste Effekt ist, dass beim Klicken auf die Hauptmenü-Schaltfläche die Hauptmenü-Schaltfläche nach links verschoben wird und die Hauptmenü-Schaltfläche abwechselnd mit der Hauptmenü-Schaltfläche angezeigt wird. Der zweite Effekt besteht darin, dass nach dem Klicken auf die Hauptmenüschaltfläche eine kreisförmige Maskenebene angezeigt wird und die vier Untermenüschaltflächen an der oberen, unteren, linken und rechten Position der kreisförmigen Maskenebene angezeigt werden. Der dritte Effekt ist, dass nach dem Klicken auf die Hauptmenüschaltfläche die Untermenüschaltfläche von unten nach oben über der Hauptmenüschaltfläche angezeigt wird. Der vierte Effekt ist, dass nach dem Klicken auf die Hauptmenüschaltfläche die Untermenüschaltfläche auf beiden Seiten der Hauptmenüschaltfläche verschoben wird. Der fünfte Effekt besteht darin, dass nach dem Klicken auf die Hauptmenüschaltfläche die Untermenüschaltfläche an der Position der Hauptmenüschaltfläche angezeigt wird. Der sechste Effekt besteht darin, dass nach dem Klicken auf die Hauptmenüschaltfläche die Untermenüschaltflächen auf beiden Seiten der Hauptmenüschaltfläche angezeigt werden und sich dann um 360 Grad um die Hauptmenüschaltfläche drehen. Der siebte Effekt besteht darin, auf die Hauptmenüschaltfläche zu klicken. Um die Hauptmenüschaltfläche herum werden nacheinander vier Untermenüschaltflächen angezeigt