CSS Animación
Definición y Uso
Algunas propiedades CSS se pueden animar, lo que significa que se pueden utilizar para las animaciones y transiciones.
las propiedades de animación se pueden cambiar gradualmente de un valor a otro, como el tamaño, el número y porcentaje de color.
Soporte para el navegador
Las cifras de la tabla representan el primer navegador compatible con el número de versión del método.
Inmediatamente después del número -webkit-, -moz-, o -o- especifica el primer navegador que soporta esta versión atributo 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 {left:blue;}
}
/*Safari 和 Chrome:*/
@-webkit-keyframes mymove
{
from {background-color:red;}
to {background-color:blue;}
}
{
from {background-color:red;}
to {left:blue;}
}
/*Safari 和 Chrome:*/
@-webkit-keyframes mymove
{
from {background-color:red;}
to {background-color:blue;}
}
Trate »
las propiedades de animación
las propiedades de animación CSS: