Exemple
Indiquez un nom pour l'animation @keyframes:
div
{
-webkit-animation-name: mymove; /* Chrome, Safari, Opera */
animation-name: mymove;
} Essayez - le vous - même » Définition et utilisation
L'animation-name propriété spécifie un nom pour l'animation @keyframes.
| Valeur par défaut: | none |
|---|---|
| Hérité: | no |
| Animable: | no. Read about animatable |
| Version: | CSS3 |
| Syntaxe JavaScript: | object .style.animationName="myNEWmove" Try it |
support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
Numbers suivis par -webkit-, -moz-, ou -O- précisent la première version qui a travaillé avec un préfixe.
| Propriété | |||||
|---|---|---|---|---|---|
| animation-name | 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- |
Syntaxe CSS
animation-name:keyframename|none|initial|inherit;propriété valeurs
| Valeur | La description | |
|---|---|---|
| keyframename | Indique le nom de l'image clé que vous souhaitez lier au sélecteur | |
| none | Valeur par défaut. Indique qu'il n'y aura pas d'animation (peut être utilisé pour remplacer les animations provenant de la cascade) | |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial | |
| inherit | Hérite cette propriété de son élément parent. Lisez à propos de hériteront |
Pages associées
CSS3 tutoriel: CSS3 Animations
Référence HTML DOM: animationName property