Style transitionDuration attribute
- Poprzednia strona transitionProperty
- Następna strona transitionTimingFunction
- Wróć do poprzedniego poziomu Obiekt Style HTML DOM
Definicja i użycie
transitionDuration Atrybut ustawia lub zwraca, ile sekund (s) lub milisekund (ms) potrzeba, aby zakończyć efekt przejścia.
Zobacz również:
CSS Reference Manual:Atrybut transition-duration
Przykład
Przyspieszenie efektu przejścia:
document.getElementById("myDIV").style.transitionDuration = "1s";
Gramatyka
Zwrócenie atrybutu transitionDuration:
object.style.transitionDuration
Ustawienie atrybutu transitionDuration:
object.style.transitionDuration = "time|initial|inherit"
Wartość atrybutu
| Wartość | Opis |
|---|---|
| time | Określa, ile sekund lub milisekund potrzeba, aby zakończyć efekt przejścia. Domyślna wartość to 0, co oznacza brak efektu. |
| initial | Ustaw tę właściwość na jej wartość domyślną. Zobacz initial. |
| inherit | Inherkuje tę właściwość od elementu nadrzędnego. Zobacz inherit. |
Szczegóły techniczne
| Domyślna wartość: | 0 |
|---|---|
| Wartość zwracana: | ciąg znaków, który oznacza Atrybut transition-duration. |
| Wersja CSS: | CSS3 |
Obsługa przeglądarek
Tabela zawiera numer wersji przeglądarki, która po raz pierwszy obsługuje tę właściwość.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 26.0 | 10.0 | 16.0 | 6.1 | 12.1 |
- Poprzednia strona transitionProperty
- Następna strona transitionTimingFunction
- Wróć do poprzedniego poziomu Obiekt Style HTML DOM
