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