HTML & CSS
CSS animable
Définition et utilisation
Certaines propriétés CSS sont animablece qui signifie qu’ils peuvent être utilisés dans les animations et les 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 -kit web- 12.0 -o- |
Exemple
Animez la couleur d’arrière-plan du rouge au bleu :
@keyframes mymove {
de {background-color : rouge ;}
à {background-color : bleu ;}
}
Essayez-le vous-même »
Propriétés animables
Ces propriétés sont animable en CSS :
#CSS #animable