Редактор Studio: Добавление анимации входа
3 мин. чтения
Добавление анимации входа к элементу — это отличный способ привлечь к нему внимание посетителей. Анимация появляется, когда элемент впервые попадает в поле зрения, поэтому он мгновенно бросается в глаза. Вы можете выбирать из различных типов анимаций и настраивать их в соответствии с потребностями вашего клиента.

Содержание:
Добавление анимации входа
Вы можете добавить анимацию входа как к отдельным элементам и секциям, так и к странице сайта в целом.
Чтобы добавить анимацию входа:
- Выберите соответствующий элемент, секцию или страницу.
- Нажмите на стрелку Открыть инспектор
в правом верхнем углу редактора.
- Перейдите во вкладку Анимация и эффекты
.
- Нажмите + Добавить в разделе Вход.
- Выберите анимацию из списка.
Совет: наведите курсор на анимацию, чтобы увидеть, как это работает. - (Необязательно) Нажмите Настроить анимацию внизу, чтобы настроить направление, задержку и длительность.

Настройки анимации входа
После выбора анимации настройте ее так, как вы хотите. Выберите длительность анимации, настройте задержку, интенсивность и многое другое.
Чтобы настроить анимацию входа:
- Выберите соответствующий элемент, секцию или страницу.
- Нажмите на стрелку Открыть инспектор
в правом верхнем углу редактора.
- Перейдите во вкладку Анимация и эффекты
.
- Нажмите на анимацию, которую хотите изменить.
- Нажмите Настроить анимацию, чтобы изменить ее настройки:
- Направление: выберите направление анимации.
Совет: в зависимости от типа анимации вы можете установить направление в градусах (например, 180°) или выбрать вариант из раскрывающегося списка (например, слева, по часовой стрелке). - Длительность: измените продолжительность анимации.
- Задержка: установите промежуток времени между загрузкой страницы и запуском анимации.
- Переход: выберите постепенность появления и / или затухания анимации.
- Направление: выберите направление анимации.
Примечание:
Доступные параметры настройки зависят от выбранной анимации.

Удаление анимации входа
Вы можете в любое время удалить анимацию входа из панели инспектора.
Чтобы удалить анимацию входа:
- Выберите соответствующий элемент, секцию или страницу.
- Нажмите на стрелку Открыть инспектор
в правом верхнем углу редактора.
- Перейдите во вкладку Анимация и эффекты
.
- Наведите курсор на анимацию и нажмите значок Дополнительные действия
.
- Нажмите Удалить.
