Главная страница Wix
Начать

Редактор Studio: Добавление анимации входа

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

Добавление анимации входа

Вы можете добавить анимацию входа как к отдельным элементам и секциям, так и к странице сайта в целом.

Чтобы добавить анимацию входа:

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

Настройки анимации входа

После выбора анимации настройте ее так, как вы хотите. Выберите длительность анимации, настройте задержку, интенсивность и многое другое. 

Чтобы настроить анимацию входа:

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

Удаление анимации входа

Вы можете в любое время удалить анимацию входа из панели инспектора. 

Чтобы удалить анимацию входа:

  1. Выберите соответствующий элемент, секцию или страницу.
  2. Нажмите на стрелку Открыть инспектор  в правом верхнем углу редактора.
  3. Перейдите во вкладку Анимация и эффекты .
  4. Наведите курсор на анимацию и нажмите значок Дополнительные действия .
  5. Нажмите Удалить.
Скриншот, показывающий как выбрать анимацию в панели Инспектора и удалить ее
Пример секции на опубликованном сайте с элементами, каждыми со своей установленной анимацией входа
GIF, показывающий, что при наведении курсора на типы анимации при выборе анимации отображается превью
Скриншот, показывающий доступные настройки при настройке анимации
Скриншот, показывающий как выбрать анимацию в панели Инспектора и удалить ее