especificar la curva de velocidad de la animación

La propiedad animation-timing-function especifica la curva de velocidadde la animación. La propiedad animation-timing-function puede tener los siguientes valores: ease- especifica una animación con un inicio lento, luego rápido y luego final lento (este es el valor predeterminado) linear- especifica una animación con la misma velocidad de principio a fin. esase-in- especifica una animación con un inicio lento. ease-in-out- especifica una animación con un inicio y un final lentos. cubic-bezier(n,n,n,n)- Le permite definir sus propios valores en una fución cúbica-bezier

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