Наразі ця сторінка недоступна вашою мовою. Ви можете вибрати іншу мову внизу екрана або миттєво перекласти будь-яку веб-сторінку потрібною мовою за допомогою вбудованої функції перекладу Google Chrome.

Повтор анимации

Анимацию можно настроить так, чтобы она повторялась. Эти параметры доступны в расширенном режиме. Можно повторять анимацию отдельного элемента или более сложную анимацию нескольких элементов.

Повтор анимации для отдельного элемента

  1. На временной шкале нажмите кнопку Задать повтор анимации на слое анимации, который хотите повторять.
  2. Во всплывающем меню выберите значение:
    • Бесконечно – анимация будет повторяться бесконечно;
    • ___ раз(а) – анимация будет повторяться указанное количество раз;
    • Нет – анимация не будет повторяться.

Повторяющиеся ключевые кадры отображаются на временной шкале как полупрозрачные копии. В примере ниже анимация элемента red-div длится 0,5 секунды и повторяется 4 раза.

Чтобы просмотреть анимацию в рабочей области, на временной шкале нажмите кнопку Запустить .

Повтор анимации для нескольких элементов

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

  1. Установите на временной шкале ярлык в месте, с которого будет начинаться повтор анимации.
    1. Нажмите правой кнопкой мыши на дорожке События (первая строка временной шкалы) в том месте, с которого будет начинаться повтор анимации, и во всплывающем меню выберите пункт Добавить ярлык.
    2. В появившемся диалоговом окне введите название ярлыка, например loopStart.
    3. Нажмите клавишу Ввод.
  2. Нажмите правой кнопкой мыши на дорожке События в месте, где будет заканчиваться повтор анимации, и во всплывающем меню выберите пункт Добавить событие.
  3. Чтобы настроить событие, дважды нажмите на маркер .
    1. В разделе Действие выберите:
      • Временная шкала > gotoAndPlay, чтобы бесконечно повторять анимацию;
      • Временная шкала > gotoAndPlayNTimes, чтобы задать количество повторений.
    2. В разделе Получатель выберите страницу.
    3. В разделе Конфигурация выберите созданный ранее ярлык (например, loopStart) и укажите количество повторов анимации.

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

Эта информация оказалась полезной?

Как можно улучшить эту статью?
Поиск
Очистить поле поиска
Закрыть поиск
Главное меню
9431732184324153143
true
Поиск по Справочному центру
true
true
true
true
true
5050422
false
false