Zmiana styluCzas trwania Właściwość
Przykład
Przyspiesz efekt przejścia:
document.getElementById("myDIV").style.transitionDuration = "1s";
Definicja i użycie
Właściwość transitionDuration ustawia lub zwraca, ile sekund (s) lub milisekund (ms) trwa ukończenie efektu przejścia.
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Property | |||||
---|---|---|---|---|---|
transitionDuration | 26.0 | 10.0 | 16.0 | 6.1 3.1 WebkitTransitionDuration |
12.1 |
Składnia
Zwróć właściwość transitionDuration:
object.style.transitionDuration
Ustaw właściwość transitionDuration:
object.style.transitionDuration = "time|initial|inherit"
Wartości nieruchomości
Value | Description |
---|---|
time | Specifies how many seconds or milliseconds a transition effect takes to complete. Default value is 0, meaning there will be no effect |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Szczegóły techniczne
Domyślna wartość: | 0 |
---|---|
Wartość zwrotu: | String, reprezentujący właściwość czasu trwania przejścia elementu |
Wersja CSS | CSS3 |
Powiązane strony
Dokumentacja CSS: właściwość czasu trwania przejścia
❮ Obiekt stylu