Les animations CSS

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

@keyframes

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.
Conseils pour les animations CSS: Des conseils et astuces pour tirer le meilleur parti des animations CSS. Dans cet article, on décrit une technique qui permet de relancer une animation qui a déjà été exécutée, ce que l'API ne permet pas de faire nativement.

Spécifications

Specification
CSS Animations Level 2
CSS Animations Level 1

Compatibilité des navigateurs

Voir aussi

Les transitions CSS qui permettent de déclencher des animations suite à des actions utilisateur.