Расположение:Домашняя страница > Код спецэффектов JS > CSS3 анимация

CSS3 расширяемое меню кнопок Material Design Material Design

2020-06-25 120количество просмотров
Это крутой эффект кнопки открытого меню в стиле материального дизайна. В этом спецэффекте есть семь различных эффектов. В каждом эффекте группу кнопок главного меню можно открыть, нажав кнопку главного меню. Эффекты анимации различных открывающих подменю различны. Первый эффект заключается в том, что когда вы нажимаете кнопку главного меню, кнопка главного меню перемещается влево, а кнопка главного меню появляется, в свою очередь, с перемещением кнопки главного меню. Второй эффект заключается в том, что после нажатия кнопки главного меню появится слой круговой маски, а четыре кнопки подменю появятся в верхнем, нижнем, левом и правом положениях слоя круговой маски. Третий эффект заключается в том, что после нажатия кнопки главного меню кнопка подменю появляется над кнопкой главного меню снизу вверх. Четвертый эффект заключается в том, что после нажатия кнопки главного меню кнопка подменю перемещается по обеим сторонам кнопки главного меню. Пятый эффект заключается в том, что после нажатия кнопки главного меню кнопка подменю выскакивает из положения кнопки главного меню и появляется по очереди. Шестой эффект заключается в том, что после нажатия кнопки главного меню кнопки подменю появляются по обе стороны от кнопки главного меню, а затем вращаются на 360 градусов вокруг кнопки главного меню. Седьмой эффект - нажатие кнопки главного меню, по очереди появляются четыре кнопки подменю вокруг кнопки главного меню.