@keyframes

Con las keyframes crearemos la animación con los atributos que queramos modificar durante la animacion

animation-name

Con esta propiedad relacionaremos las keyframes con la etiqueta que queramos darle la animacion

animation-duration

Con esta propiedad elegiremos el tiempo que tardara nuestra animación en realizarse

animation-iteration-count

Con esta propiedad se introduce el numero de veces que se repite la animación

animation-delay

Con esta propiedad se introducira lo que tardará en comenzar nuestra animación

animation-direction

Con esta propiedad indicamos si la animación debe retroceder hasta el fotograma de inicio al finalizar o si comienza desde el principio

animation-play-state

Con esta propiedad podemos pausar y reanudar la secuencia

animation-timing-function

Con esta propiedad especificaremos la curva cúbica bézier que se usa para la computacion de los valores intermedios para las propiedades

animation-fill-mode

Con esta propiedad especificaremos los valores de las propiedades al finalizar la animacion

Volver