Animation.reverse()

Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

Esta es una tecnología experimental
Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producción.

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

None.

Valor devuelto

undefined

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 Status Comment
Web Animations
La definición de 'reverse()' en esta especificación.
Working Draft  

Compatibilidad del navegador

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 39.0 48 (48)[1] Sin soporte Sin soporte Sin soporte
Feature Android Android Webview Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile Chrome for Android
Basic support Sin soporte 39.0 48.0 (48)[1] Sin soporte Sin soporte Sin soporte 39.0

[1] La Web Animations API solo está habilitada por defecto en Firefox Developer Edition y Nightly builds. Puedes habilitarlo en versiones Beta y de lanzamiento estableciendo la preferencia dom.animations-api.core.enabled en true, y puedes deshabilitarlo en cualquier versión de Firefox estableciendo esta propiedad en false.

Ver también

Etiquetas y colaboradores del documento

 Colaboradores en esta página: IngoBongo
 Última actualización por: IngoBongo,