Najnowsze tutoriale tworzenie stron internetowych
 

Style transitionDuration Property

<Style obiektu

Przykład

Przyspieszyć efekt przejścia:

document.getElementById("myDIV").style.transitionDuration = "1s";
Spróbuj sam "

Definicja i Wykorzystanie

Zestawy własności transitionDuration lub powraca ile sekund (s) i milisekund (ms) efekt przejściowy potrzebnego do ukończenia.


Wsparcie przeglądarka

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Nieruchomość transitionDuration jest obsługiwana w programie Internet Explorer 10, Firefox, Opera i Chrome.

Safari obsługuje alternatywę, właściwość WebkitTransitionDuration.


Składnia

Zwraca właściwość transitionDuration:

object .style.transitionDuration

Ustaw właściwość transitionDuration:

object .style.transitionDuration=" wartości nieruchomości
Wartość Opis
time Określa ile sekund lub milisekund efekt przejściowy trwa do ukończenia. Domyślną wartością jest 0, co oznacza, że ​​nie będzie efekt
initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy
inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć

Szczegóły techniczne

Domyślna wartość: 0
Zwracana wartość: Ciąg, co stanowi właściwość przejściowy trwania elementu
Wersja CSS CSS3

Podobne strony

Odniesienie CSS: transition-duration property


<Style obiektu