Редактор Studio: доступные анимации для каждого элемента
В таблице ниже представлен подробный обзор
анимаций и эффектов, доступных для каждого элемента, чтобы вы могли с легкостью создавать динамичные и интерактивные дизайны.
| Элемент | Доступные анимации |
|---|---|
Аккордеон
|
Появление
|
Меню якорей
|
При наведении
|
Аудиоплеер
|
Появление
|
Базовая фигура
|
Все типы анимации
|
Кнопка
|
Все типы анимации
|
Сворачиваемый текст
|
Появление, при наведении, эффекты мыши
|
Контейнер
|
Все типы анимации
|
Футер
|
При наведении, клик, прокрутка
|
Flex-контейнер (родительский элемент и элементы)
|
Все типы анимации, кроме зацикленного повтора
|
Ячейка сетки
|
Все типы анимации, кроме эффектов мыши
|
Значок гамбургер-меню
|
Появление
|
Заголовок
|
При наведении, клик, прокрутка
|
Горизонтальное меню
|
Появление, при наведении
|
Изображение
|
Все типы анимации
|
Поля ввода
|
Появление
|
Промобокс
|
Появление
|
Линия (горизонтальная и вертикальная)
|
Все типы анимации
|
Lottie
|
Появление
|
Разные состояния
|
Появление, клик, при наведении, эффекты мыши
|
Страница
|
Прокрутка
|
Репитер (родительский элемент)
|
Появление, зацикленный повтор, эффекты мыши, прокрутка
|
Репитер (элемент)
|
Дизайн AB отключен: Все типы анимации
Дизайн AB включен: Клик, при наведении, эффекты мыши.
|
Раздел
|
При наведении, клик, прокрутка
Совет: Вы также можете добавить эффект WebGL к секциям с медиафоном
|
Кнопка «Поделиться»
|
Появление, при наведении, эффекты мыши
|
Строка поиска по сайту
|
Появление
|
Slideshow
|
Появление
|
Панель соцсетей
|
Появление, при наведении, эффекты мыши
|
Стопка
|
Все типы анимации
|
Таблица
|
Появление
|
Вкладки
|
Появление
|
Текст
|
Все типы анимации
|
Бегущая строка
|
При наведении (в качестве элемента-триггера)
|
Текстовая маска
|
Все типы анимации
|
Прозрачное видео
|
Появление, эффекты мыши, прокрутка
|
Векторная графика
|
Все типы анимации
|
Видеобокс
|
Появление, эффекты мыши, прокрутка
|