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-delay

Description de la propriété transition-delay.

Définit un temps d'attente avant que la transition ne commence.

Pour une explication détaillée des transitions en général, reportez-vous à la propriété raccourcie transition.

Syntaxes pour transition-delay.

  • transition-delay: 2s;

    L'effet de transition démarre après la durée indiquée. Un nombre positif ou négatif, suivi d'une unité de temps (voir les unités de temps en CSS).

    La valeur par défaut est 0 : la transition démarre dès que la propriété animée est modifiée.

    Si la durée est négative, l'effet de transition commence immédiatement mais la première partie de la transition n'est pas animée. Si cette valeur négative est plus grande que la durée de la transition, l'effet de transition est annulé.

  • transition-delay: 2s, 1s;

    Lorsque plusieurs transitions ont été définies, il est possible de leur appliquer des délais différents en énumérant les valeurs, séparées par des virgules.

    Reportez-vous à la page transitions multiples pour plus d'informations sur les transitions multiples.

  • transition-delay: initial;

    La valeur initiale est 0.

  • transition-delay: unset; transition-delay: inherit;

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

Simulateur.

Une transition de 5 secondes a été définie sur la propriété margin-left de l'élément ci-dessous.

transition-delay :
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.