Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

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.

  • animation-duration: inherit | initial | unset;

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

Simulateur.

animation-duration :

Voir aussi...

Animation - Propriétés.

Animation - Directives.

Animation - Fonctions.

  • cubic-bezier() : Détermine une progression non linéaire pour les animations.
  • steps() : Définit une animation saccadée, pas par pas.