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

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

Добавление анимации автоповтора

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

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

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

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

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

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

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

Удаление анимации автоповтора

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

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

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

Была ли статья полезна?

|