Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.
Les animations CSS sont un module CSS qui définit la façon dont les valeurs des propriétés CSS peuvent être animées au fur et à mesure d'une période via des étapes intermédiaires (keyframes en anglais). Le comportement de ces animations séquencées peut être défini en termes de durée, de nombre de répétitions et de la façon dont elles sont répétées.
Référence
Propriétés CSS
Règles @ CSS
Guides
- Détecter la prise en charge des animations CSS
- Cet article décrit une technique permettant de détecter si le navigateur prend en charge les animations CSS.
- Manipuler les animations CSS
- Un tutoriel pas-à-pas qui explique comment créer des animations CSS. Cet article décrit les différentes propriétés et règles @ relatives aux animations et comment elles interagissent.
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| CSS Animations | Version de travail | Définition initiale. |
Compatibilité des navigateurs
| Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Support simple | (Oui)-webkit 43.0 |
5.0 (5.0)-moz 16.0 (16.0) |
10 | 12-o 12.10[2] |
4.0-webkit |
| Fonctionnalité | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Support simple | 2.1 -webkit [1] 4.0 -webkit |
5.0 (5.0)-moz 16.0 (16.0) |
? | ? | (Oui)-webkit |
[1] Prise en charge partielle : animation-fill-mode n'est pas prise en charge pour les versions d'Android inférieures à 2.3.
[2] Voir les notes de versions d'Opera 12.50.
Voir aussi
- Les transitions CSS qui permettent de déclencher des animations suite à des actions utilisateur.