Sifat transition-duration

Sifat transition-duration menetapkan masa pelaksanaan peralihan lancar transition.

Sintaks

pemilih {
	transition-duration: masa dalam s atau ms;
}

Nilai

Nilai	Penerangan
`s`	Menetapkan masa dalam saat (contohnya `3s`). Boleh menetapkan nilai pecahan, contohnya, `0.5s` - setengah saat.
`ms`	Menetapkan masa dalam milisaat (contohnya `3ms`). Satu saat ialah `1000` milisaat.

Nilai lalai: 0s.

Contoh

Letakkan kursor tetikus di atas blok - ia akan mengubah lebarnya secara lancar dalam 2 saat.

<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

sifat transition-property,
yang menetapkan nama sifat untuk peralihan lancar
sifat transition-delay,
yang menetapkan kelewatan sebelum peralihan lancar
sifat transition-timing-function,
yang menetapkan fungsi masa untuk peralihan lancar
sifat transition,
yang merupakan singkatan untuk peralihan lancar
sifat animation,
yang boleh digunakan untuk membuat animasi