Vlastnost CSS transition-duration
Příklad
Nechte přechodový efekt trvat 5 sekund:
div {
transition-duration: 5s;
}
Definice a použití
Tato transition-duration
vlastnost určuje, kolik sekund (s) nebo milisekund (ms) trvá dokončení přechodového efektu.
Výchozí hodnota: | 0s |
---|---|
Zděděno: | Ne |
Animovatelné: | Ne. Přečtěte si o tématu Animable |
Verze: | CSS3 |
Syntaxe JavaScriptu: | objekt .style.transitionDuration="1s" |
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Čísla následovaná -webkit-, -moz- nebo -o- určují první verzi, která pracovala s předponou.
Property | |||||
---|---|---|---|---|---|
transition-duration | 26.0 4.0 -webkit- |
10.0 | 16.0 4.0 -moz- |
6.1 3.1 -webkit- |
12.1 10.5 -o- |
Syntaxe CSS
transition-duration: time|initial|inherit;
Hodnoty vlastností
Value | Description |
---|---|
time | Specifies how many seconds or milliseconds a transition effect takes to complete. Default value is 0s, 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 |
Související stránky
CSS tutoriál: CSS Transitions
HTML DOM reference: vlastnost transitionDuration