CSS Animaciones

Nota:Cuando una animación acaba vuelve a su estado original.

La prpiedad 'animation-duration' define 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.

El siguiente objeto cambiará tanto el color de fondo como la posicion del elemento 'div'.Cuano la animacion esté completa en un 25%,50%y nuevamente cuando la animacion este completa en un 100%