Animation.reverse()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2020.
io error: No such file or directory (os error 2) (/home/runner/work/yari/yari/mdn/translated-content/files/es/web/api/web_animations_api/index.md)
El método Animation.reverse()
de la interfaz Animation
Interface invierte la dirección de reproducción, lo que significa que la animación termina al principio. Si se llama en una animación sin reproducir, toda la animación se reproduce al revés. Si se llama en una animación pausada, continúa a la inversa.
Sintaxis
animation.reverse();
Parámetros
Ningun.
Valor devuelto
Ejemplos
En el ejemplo Growing/Shrinking Alice Game , hacer click o tocar la botella, hace que la animación de crecimiento de Alicia(aliceChange
) sea reproducida al revés, lo que la hace más pequeña. Esto se hace estableciendo el Animation.playbackRate
de aliceChange
en -1
de esta forma:
var shrinkAlice = function () {
// reproduce la animación de Alicia al revés.
aliceChange.playbackRate = -1;
aliceChange.play();
// reproduce la animación de la botella.
drinking.play();
};
Pero también se podría haber hecho lamando a reverse()
en aliceChange
así:
var shrinkAlice = function () {
// reproduce la animación de Alicia al revés.
aliceChange.reverse();
// reproduce la animación de la botella.
drinking.play();
};
Especificaciones
Specification |
---|
Web Animations # dom-animation-reverse |
Compatibilidad con navegadores
BCD tables only load in the browser
Ver también
- Web Animations API
Animation
para otros métodos y propiedades que puedes usar para el control de animaciones en páginas web.Animation.pause()
para pausar una animación.Animation.play()
para reproducir una animación hacia adelante.