Vlastnost transition-duration

Vlastnost transition-duration nastavuje dobu trvání plynulého přechodu transition.

Syntaxe

selektor {
	transition-duration: čas v s nebo ms;
}

Hodnoty

Hodnota	Popis
`s`	Určuje čas v sekundách (například `3s`). Lze zadávat desetinné hodnoty, například `0.5s` - půl sekundy.
`ms`	Určuje čas v milisekundách (například `3ms`). Jedna sekunda je `1000` milisekund.

Výchozí hodnota: 0s.

Příklad

Najeďte myší na blok - ten plynule změní svou šířku za 2 sekundy.

<div id="elem"></div>

#elem {
	transition-duration: 2s;
	transition-property: width;
	border: 1px solid black;
	height: 50px;
	width: 100px;
}
#elem:hover {
	width: 400px;
}

Viz také

vlastnost transition-property,
která nastavuje název vlastnosti pro plynulý přechod
vlastnost transition-delay,
která nastavuje zpoždění před plynulým přechodem
vlastnost transition-timing-function,
která nastavuje časovací funkci pro plynulý přechod
vlastnost transition,
která je zkratkou pro plynulý přechod
vlastnost animation,
pomocí které lze vytvořit animaci