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é transition-duration

Description de la propriété transition-duration.

Définit la durée de la transition. Cette valeur doit obligatoirement être définie à une valeur supérieure à 0 secondes pour que l'effet de transition soit visible.

Pour plus d'informations sur les transitions en général, reportez-vous à la propriété raccourcie transition.

Syntaxes pour transition-duration.

  • transition-duration: 5s;

    La transition se déroulera sur une durée totale de la valeur indiquée. C'est un nombre positif suivi d'une unité de durée (voir les unités de temps en CSS). La valeur par défaut est 0, ce qui annule l'effet de la transition.

  • transition-duration: 5s,3s;

    Plusieurs valeurs peuvent être énoncées, séparées par des virgules. Cette syntaxe est utilisable lorsque plusieurs transitions sont définies : voir la page sur les transitions multiples.

  • transition-duration: initial;

    La valeur initiale est 0.

  • transition-duration: unset; transition-duration: inherit;

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

Simulateur.

transition-duration :
0s

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.