CSS Animable
Definición y uso
Algunas propiedades de CSS son animables , lo que significa que se pueden usar en animaciones y transiciones.
Las propiedades animables pueden cambiar gradualmente de un valor a otro, como el tamaño, los números, el porcentaje y el color.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con las animaciones CSS.
Los números seguidos de -webkit-, -moz- o -o- especifican la primera versión que funcionó con un prefijo.
43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
Ejemplo
Anima el color de fondo de rojo a azul:
@keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
Propiedades animables
Estas propiedades son animables en CSS: