Définition et utilisation
Certaines propriétés CSS sont animatable, ce qui signifie qu'ils peuvent être utilisés dans des animations et des transitions.
propriétés animables peuvent changer progressivement d'une valeur à une autre, comme la taille, le nombre, le pourcentage et la couleur.
support du navigateur
Les chiffres dans le tableau indique la première version du navigateur qui supporte pleinement les animations CSS.
Numbers suivis par -webkit-, -moz-, ou -O- précisent la première version qui a travaillé avec un préfixe.
| 4.0 -webkit- | 10.0 | 16,0 5.0 -moz- | 4.0 -webkit- | 15,0 -webkit- 12.1 12,0 -o- |
Exemple
Animer l'arrière-plan de couleur du rouge au bleu:
/* 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;}
}
Essayez - le vous - même » Propriétés animables
Ces propriétés sont animatable en CSS: