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.
Syntaxes pour animation-duration
.
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.
-
Reportez-vous à la description générale de ces valeurs.
Simulateur.
animation-duration
:
Voir aussi...
Animation - Propriétés.
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.
Animation - Directives.
@keyframes
: Définition d'une animation.
Animation - Fonctions.
cubic-bezier()
: Détermine une progression non linéaire pour les animations.steps()
: Définit une animation saccadée, pas par pas.