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