Derniers tutoriels de développement web
 

Style transitionDuration Property

<Style objet

Exemple

Accélérer l'effet de transition:

document.getElementById("myDIV").style.transitionDuration = "1s";
Essayez vous - même »

Définition et utilisation

Les ensembles de propriétés de transitionDuration ou le rendement combien de secondes (s) ou millisecondes (ms) un effet de transition prend pour terminer.


Support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propriété transitionDuration est pris en charge dans Internet Explorer 10, Firefox, Opera et Chrome.

Safari prend en charge une alternative, la propriété WebkitTransitionDuration.


Syntaxe

Retour la propriété transitionDuration:

object .style.transitionDuration

Définissez la propriété transitionDuration:

object .style.transitionDuration=" Valeurs de propriété
Valeur La description
time Indique le nombre de secondes ou en millisecondes un effet de transition prend pour terminer. Valeur par défaut est 0, ce qui signifie qu'il n'y aura pas d'effet
initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial
inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront

Détails techniques

Valeur par défaut: 0
Valeur de retour: Une chaîne, ce qui représente la propriété de transition de durée d'un élément
version CSS CSS3

Pages associées

Référence CSS: la transition-duration property de transition-duration property


<Style objet