Nota:Cuando una animación acaba vuelve a su estado original.
La prpiedad 'animation-duration' defie cuánto tiempo debe tardar una animación en completarse.Si animation-duration no se especifica la propiedad,no se producirá ninguna animación,ya que el valor predeeterminado es de 0 s.
Tambien es posible utilizar porcentajes.Al utilizar porcentajes,puedes agregar tantos cambios de estilo como desees. El siguiente ejemplo cambiará el color de fondo del elemento cuando la animación esté completa en un 25%,en un 50% y nuevamente cuando la animación esté completa en un 100%: