CSS animable
Définition et utilisation
Certaines propriétés CSS sont animables , ce qui signifie qu'elles peuvent être utilisées dans des animations et des transitions.
Les propriétés animables peuvent changer progressivement d'une valeur à une autre, comme la taille, les nombres, le pourcentage et la couleur.
Prise en charge du navigateur
Les nombres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge les animations CSS.
Les nombres suivis de -webkit-, -moz- ou -o- spécifient la première version qui a fonctionné avec un préfixe.
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- |
Exemple
Animez la couleur d'arrière-plan du rouge au bleu :
@keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
Propriétés animables
Ces propriétés sont animables en CSS :