CSS Animations
Définition et utilisation
Certaines propriétés CSS peuvent être animés, ce qui signifie qu'ils peuvent être utilisés pour des animations et des transitions.
propriétés d'animation peuvent être progressivement changé d'une valeur à une autre, comme la taille, le nombre et le pourcentage de la couleur.
support du navigateur
Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la méthode.
Immédiatement après le numéro -webkit-, -moz- ou -o- spécifie le premier navigateur qui prend en charge ce préfixe de version d'attribut.
4.0 -webkit- | 10.0 | 16,0 5.0 -moz- | 4.0 -webkit- | 15,0 -webkit- 12.1 12,0 -o- |
Exemples
La couleur de fond change progressivement du rouge au bleu:
@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;}
}
Essayez »
propriétés d'animation
propriétés d'animation CSS: