CSS - Propriété animation-duration

Description.

animation-duration définit la durée de l'animation, en secondes ou en millisecondes. Plus cette durée est courte, plus l'animation sera rapide.

Pour une présentation générale des animations, reportez-vous à la page présentation des animations en CSS.

animation-duration: 5s;

Un nombre positif ou nuls, avec une unité de temps (voir les unités de temps en CSS). Ce nombre définit la durée de l'animation.
animation-duration: 5s;

Une série de nombres positif ou nuls, avec une unité de temps, et séparés par des virgules. Cette syntaxe est utilisable si plusieurs animations ont été définies par Object. Reportez-vous à la page animations multiples pour plus de précisions sur les animations multiples.
animation-duration: inherit | initial | unset;

Reportez-vous à la description générale de ces valeurs.

animation-duration :

animation : Paramètres d'animation.
animation-delay : Temps d'attente avant le démarrage de l'animation.
animation-direction : Sens de l'animation (normal ou inverse).
animation-fill-mode : Style de remplacement lorsque l'animation n'est pas en cours.
animation-iteration-count : Nombre de répétition de l'animation.
animation-name : Nom d'une animation.
animation-play-state : État de l'animation (en cours ou en pause).
animation-timing-function : Fonction non linéaire définissant la progression d'une animation.
transition : Effet d'animation simple.
transition-delay : Temps d'attente avant que la transition ne commence.
transition-duration : Durée de la transition.
transition-property : Propriété sur laquelle doit s'appliquer la transition.
transition-timing-function : Fonction définissant une transition non linéaire.