Transition-duration häsiýeti

transition-duration häsiýeti transition geçişiniň aýlaw wagtyny kesgitleýär.

Sintaksis

selektor {
	transition-duration: s ýa-da ms-daky wagt;
}

Görnüşleri

Görnüş	Düşündiriş
`s`	Wagty sekuntlarda kesgitleýär (mysal üçin `3s`). Kesirli görnüşler hem kesgitlenip bilner, mysal üçin, `0.5s` - ýarym sekunt.
`ms`	Wagty millisekuntlarda kesgitleýär (mysal üçin `3ms`). Bir sekunt `1000` millisekunda deňdir.

Bellige göräniň görnüşi: 0s.

Mysal

Blok üstüne çüýşeň geliziň - ol giňligini 2 sekunt dowamynda aýlawly üýtgeder.

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

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

Şeýle-de garaň

transition-property häsiýeti,
geçiş üçin häsiýetiň adyny kesgitleýär
transition-delay häsiýeti,
geçişden ozal gisga wagty kesgitleýär
transition-timing-function häsiýeti,
geçiş üçin wagt funksiýasyny kesgitleýär
transition häsiýeti,
geçiş üçin gysga görnüşdir
animation häsiýeti,
animasiýa döretmek üçin ulanylýar