0 FPS
Propiedad CSS : animation-direction
La web está en segundo plano, animación en pausa.
Cargando animación...
Esta propiedad se usa para indicar si la animación al llegar al final se debe reiniciar o debe ser invertida. Por ejemplo imaginaros un objeto que se mueve 100 píxeles a la derecha, una vez termine podemos hacer que haga el recorrido a la inversa, o que simplemente no haga nada.
Para que alternate funcione la animación debe hacer como minimo 2 iteraciones con "animate-iteration-count".
Sintaxis
animation-direction: Valor;
Valor | Este valor puede ser "normal" para terminar la animación normalmente, o puede ser "alternate" para invertir la animación una vez llegue al final. Por defecto tomra el valor "normal". |
Código de ejemplo
Compatibilidad
Esta propiedad es soportada por todos los navegadores compatibles con CSS3.
Soportado a partir de la versión 2 con el prefijo -webkit- | |
Soportado a partir de la versión 16 | |
Soportado a partir de la versión 15 con el prefijo -webkit- | |
Soportado a partir de la versión 4 con el prefijo -webkit- | |
Soportado a partir de la versión 10 |
Documento modificado por última vez : 30/12/2020
Ejemplo modificado por última vez : 30/12/2020
Ejemplo modificado por última vez : 30/12/2020