Расположение:Домашняя страница > Код спецэффектов JS > CSS3 анимация
CSS3 расширяемое меню кнопок Material Design Material Design
Это крутой эффект кнопки открытого меню в стиле материального дизайна. В этом спецэффекте есть семь различных эффектов. В каждом эффекте группу кнопок главного меню можно открыть, нажав кнопку главного меню. Эффекты анимации различных открывающих подменю различны. Первый эффект заключается в том, что когда вы нажимаете кнопку главного меню, кнопка главного меню перемещается влево, а кнопка главного меню появляется, в свою очередь, с перемещением кнопки главного меню. Второй эффект заключается в том, что после нажатия кнопки главного меню появится слой круговой маски, а четыре кнопки подменю появятся в верхнем, нижнем, левом и правом положениях слоя круговой маски. Третий эффект заключается в том, что после нажатия кнопки главного меню кнопка подменю появляется над кнопкой главного меню снизу вверх. Четвертый эффект заключается в том, что после нажатия кнопки главного меню кнопка подменю перемещается по обеим сторонам кнопки главного меню. Пятый эффект заключается в том, что после нажатия кнопки главного меню кнопка подменю выскакивает из положения кнопки главного меню и появляется по очереди. Шестой эффект заключается в том, что после нажатия кнопки главного меню кнопки подменю появляются по обе стороны от кнопки главного меню, а затем вращаются на 360 градусов вокруг кнопки главного меню. Седьмой эффект - нажатие кнопки главного меню, по очереди появляются четыре кнопки подменю вокруг кнопки главного меню.
Вам также может понравиться
- Луна вращается вокруг земли спецэффекты CSS
Особый эффект луны, вращающейся вокруг Земли, реализованный свойством CSS3.
- Покемон-эльф, нарисованный на чистом CSS
- Мигающая черно-белая точка css анимация спецэффекты
- Ленивый сон реализован js + svg
- Чистая css3 анимация вызова волка в полнолуние
Анимация призыва ночного волка в полнолуние, реализованная на чистом css3
- Чистый css3, имитирующий анимацию орбиты движения солнечной системы
Чистый css3, имитирующий траекторию движения солнечной системы, орбитальную анимацию, код спецэффектов
- Чистые спецэффекты вращения шестерни css3
Чистые css3 шестерни вращающиеся спецэффекты, три динамических эффекта шестерни.
- Воздушный шар, плавающий css3, анимационные спецэффекты
- Чистые спецэффекты css3 горизонтального и вертикального вращения
Чистые спецэффекты css3 горизонтального и вертикального вращения могут использоваться в качестве загрузчика для загрузки спецэффектов.
- Стиль игровой консоли PSP, нарисованный чистым CSS