Animaciones con CSS | 3.6 - Animation delay y fill-mode

Aníbal Quispe Enciso@anibalcoder

  • none: Al finalizar la animación, el elemento no usará el primer ni el último valor.

    • backwards: Aplica los estilos del primer keyframe al elemento antes de que la animación comience a ejecutarse. Esto significa que durante el período de delay, el elemento se verá como si la animación ya estuviera en su primera etapa.

    • forwards: Aplica los estilos del último keyframe al elemento después de que haya finalizado la animación. No afecta cómo se ve el elemento durante la ejecución de la animación.

    • both: El elemento mantendrá una apariencia definida por el primer keyframe desde el inicio, incluso durante el retardo de la animación, y conservará la apariencia del último keyframe después de que la animación termine.


Escribe una respuesta