CSS Animaciones

Establecer cuántas veces debe ejecuarse una animación

La propiedad 'timing-function' Especifica la curva de velocidad de la animacion. La propiedad animation-timing-function puede tener los siguientes valores: ease- Especifica una animacion con un inicio lento,luego rapido y luego final lento (este es el valor predetereminado) linear- Especifica una animación con la misma velocidad de principio a fin. ease-in Especificauna animacion con un inicio lento ease-out Especificauna animacion con un final lento ease-in-out Especificauna animacion con un inicio y final lento cubic-bezier (n,n,n,n) Le permite definir sus propios valores en una función cúbica-bezier

El siguiente ejemplo muestra algunas de las diferentes curvas de velocidad que se pueden utilizar: