Definición y Uso
Algunas propiedades CSS son animatable, lo que significa que se pueden utilizar en animaciones y transiciones.
animatable propiedades pueden cambiar gradualmente de un valor a otro, como el tamaño, número, porcentaje y color.
Soporte para el navegador
Los números de la tabla especifica la primera versión del navegador con compatibilidad completa con animaciones CSS.
Los números seguidos por -webkit-, -moz-, o -O- especifican la primera versión que funcionaba con un prefijo.
4.0 -webkit- | 10.0 | 16.0 5.0 -moz- | 4.0 -webkit- | 15.0 -webkit- 12.1 12.0 -o- |
Ejemplo
Animar el fondo de color de rojo a azul:
/* Code for Chrome, Safari and Opera */
@-webkit-keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
/* Standard syntax */
@keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
Inténtalo tú mismo " Propiedades animatable
Estas propiedades son animatable en CSS: