თვისება transition-duration

თვისება transition-duration ადგენს რბილი გადასვლის transition შესრულების დროს.

სინტაქსი

სელექტორი {
	transition-duration: დრო s-ში ან ms-ში;
}

მნიშვნელობები

მნიშვნელობა	აღწერა
`s`	აზუსტებს დროს წამებში (მაგალითად `3s`). შესაძლებელია ათობითი მნიშვნელობების მითითება, მაგალითად, `0.5s` - ნახევარი წამი.
`ms`	აზუსტებს დროს მილიწამებში (მაგალითად `3ms`). ერთი წამი არის `1000` მილიწამი.

მნიშვნელობა ნაგულისხმევად: 0s.

მაგალითი

მაუსი დაასხით ბლოკს - იგი შეიცვლის თავის სიგანეს რბილად 2 წამში.

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

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

იხილეთ აგრეთვე

თვისება transition-property,
რომელიც აზუსტებს თვისების სახელს რბილი გადასვლისთვის
თვისება transition-delay,
რომელიც აზუსტებს დაყოვნებას რბილ გადასვლამდე
თვისება transition-timing-function,
რომელიც აზუსტებს დროის ფუნქციას რბილი გადასვლისთვის
თვისება transition,
რომელიც არის შემოკლება რბილი გადასვლისთვის
თვისება animation,
რომლის დახმარებითაც შესაძლებელია ანიმაციის შექმნა