Properti transition-duration

Properti transition-duration mengatur waktu eksekusi transisi halus transition.

Sintaks

selektor {
	transition-duration: waktu dalam s atau ms;
}

Nilai

Nilai	Keterangan
`s`	Menentukan waktu dalam detik (contoh `3s`). Dapat menentukan nilai pecahan, contohnya, `0.5s` - setengah detik.
`ms`	Menentukan waktu dalam milidetik (contoh `3ms`). Satu detik adalah `1000` milidetik.

Nilai default: 0s.

Contoh

Arahkan kursor mouse ke blok - blok akan mengubah lebarnya secara halus dalam 2 detik.

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

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

Lihat juga

properti transition-property,
yang mengatur nama properti untuk transisi halus
properti transition-delay,
yang mengatur penundaan sebelum transisi halus
properti transition-timing-function,
yang mengatur fungsi waktu untuk transisi halus
properti transition,
yang merupakan singkatan untuk transisi halus
properti animation,
yang dapat digunakan untuk membuat animasi