CSS Animación
Definición y uso
Algunas propiedades CSS sonpueden tener efectos de animación, lo que significa que se pueden usar para animaciones y transiciones.
Las propiedades de animación pueden cambiar gradualmente de un valor a otro, como tamaño, cantidad, porcentaje y color.
Compatibilidad del navegador
Los números en la tabla indican la versión del primer navegador que admite el método.
El prefijo -webkit-, -moz-, o -o- junto al número especifica la versión del primer navegador compatible con el prefijo.
| 4.0 -webkit- | 10.0 | 16.0 5.0 -moz- |
4.0 -webkit- | 15.0 -webkit- 12.1 12.0 -o- |
Ejemplos
El color de fondo cambia gradualmente de rojo a azul:
@keyframes mymove
{
from {background-color:red;}
to {background-color:blue;}
}
/*Safari y Chrome:*/
@-webkit-keyframes mymove
{
from {background-color:red;}
to {background-color:blue;}
}
Pruébalo »
Propiedades de animación
Propiedades de animación en CSS: