Анимация: метод reverse()

Метод Animation.reverse() интерфейса Animation изменяет направление воспроизведения, что означает завершение анимации в её начале. Если метод вызван для невоспроизводимой анимации, вся анимация воспроизводится в обратном порядке. Если метод вызван для приостановленной анимации, анимация продолжится в обратном направлении.

Нет.

None (undefined).

В примере Игра «Растущая/Уменьшающаяся Алиса», нажатие на бутылку вызывает обратное воспроизведение анимации роста Алисы (aliceChange), заставляя её уменьшаться. Это делается путём установки значения Animation.playbackRate свойства aliceChange на -1 следующим образом:

const shrinkAlice = () => {
  // play Alice's animation in reverse
  aliceChange.playbackRate = -1;
  aliceChange.play();

  // play the bottle's animation
  drinking.play();
};

Но это также можно было сделать, вызвав reverse() для aliceChange следующим образом:

const shrinkAlice = () => {
  // play Alice's animation in reverse
  aliceChange.reverse();

  // play the bottle's animation
  drinking.play();
};

• API веб-анимации
• Animation для других методов и свойств, которые можно использовать для управления анимацией веб-страниц.
• Animation.pause() для приостановки анимации.
• Animation.play() для движения анимации вперёд.