Attribut Style transitionDuration

Définition et utilisation

transitionDuration Définir ou retourner le nombre de secondes (s) ou de millisecondes (ms) nécessaires pour achever l'effet de transition.

Voir également :

Manuel de référence CSS :L'attribut transition-duration

Exemple

Accélérer l'effet de transition :

document.getElementById("myDIV").style.transitionDuration = "1s";

Essayez-le vous-même

Syntaxe

Retourner l'attribut transitionDuration :

object.style.transitionDuration

Définir l'attribut transitionDuration :

object.style.transitionDuration = "time|initial|inherit"

Valeur de l'attribut

Valeur Description
time Définit le nombre de secondes ou de millisecondes nécessaires pour achever l'effet de transition. La valeur par défaut est 0, ce qui signifie qu'il n'y a pas d'effet.
initial Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits cette propriété de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : 0
Valeur de retour : Une chaîne, représentant l'élément L'attribut transition-duration.
Version de CSS : CSS3

Prise en charge du navigateur

Les nombres dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opéra
Chrome Edge Firefox Safari Opéra
26.0 10.0 16.0 6.1 12.1