NovaMonoFix
Errores PHP
X
Usuario
Password
0 FPS

Propiedad CSS : animation-direction

30 de Diciembre del 2020 por Josep Antoni Bover. 36 visitas, 0 comentarios, 0 votos
Categorías : CSS.
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

Enlaces relacionados