ANIMACIONES

Las animaciones CSS constan de dos partes: el estilo que define la animación CSS y el conjunto de fotogramas que definen el estado inicial y final de la animación, así como puntos intermedios de ella.

• Propiedades:
  • animation-delay: Especifica el tiempo que tarda entre que el elemento se carga y el comienzo de la animación.
  • animation-direction: Especifica la dirección de la animación: de principio a fin o de fin a principio.
  • animation-duration: Especifica el tiempo que tarda en completarse la animación.
  • animation-iteration-count: Especifica el número de veces que se repite la animación.
  • animation-name: Especifica el nombre de la regla @keyframes que describe los fotogramas de la animación.
  • @keyframes: Especifica desde dónde y hasta dónde se realiza la animación.
  • animation-play-state: Permite pausar y reanudar la animación.
  • animation-timing-function: Especifica el ritmo de la animación, estableciendo curvas de aceleración.
  • animation-fill-mode: Especifica los valores que tendrán las propiedades tras realizarse la animación.

Texto a mover.

Texto a mover.

Index