animation 17-08-2022
La propiedad animation es una propiedad abreviada para:
- animation-name
- animation-duration
- animation-timing-function
- animation-delay
- animation-iteration-count
- animation-direction
- animation-fill-mode
- animation-play-state
Nota: especifique siempre la propiedad animation-duration (duración de la animación); de lo contrario, la duración es 0 y nunca se reproducirá.
Valor por defecto: none 0 ease 0 1 normal none running
Sintaxis de JavaScript: object.style.animation="mymove 5s infinite"
Sintaxis CSS: animation: name duration timing-function delay iteration-count direction fill-mode play-state;
Valores de propiedad:
- animation-name Especifica el nombre del keyframe que desea vincular al selector
- animation-duration Especifica cuántos segundos o milisegundos tarda una animación en completarse
- animation-timing-function Especifica la curva de velocidad de la animación.
- animation-delay Especifica un retraso antes de que comience la animación.
- animation-iteration-count Especifica cuántas veces se debe reproducir una animación.
- animation-direction Especifica si la animación debe reproducirse o no en reversa en ciclos alternativos
- animation-fill-mode Especifica qué valores aplica la animación fuera del tiempo que se está ejecutando
- animation-play-state Especifica si la animación se está ejecutando o está en pausa
- initial Establece esta propiedad en su valor predeterminado.
- inherit Hereda esta propiedad de su elemento padre.
animation: none
<div id="padre">
<div id="movil1">Propiedad<br>animation</div>
</div>
Propiedad
animation
animation
