属性 transition-duration CSS
- halaman sebelumnya transition-delay
- halaman berikutnya transition-property
definisi dan penggunaan
sifat transition-duration menentukan masa kerja untuk melengkapkan kesan transisi (dalam saat atau milidetik).
lihat juga:
panduan CSS:Transisi CSS
panduan HTML DOM:sifat transitionDuration
contoh
memastikan kesan transisi berlangsung selama 5 saat:
div { transition-duration: 5s; }
gramata CSS
transition-duration: time;
nilai sifat
nilai | penyataan |
---|---|
time |
menentukan masa kerja untuk melengkapkan kesan transisi (dalam saat atau milidetik). nilai lalai adalah 0, berarti ia tidak akan memberikan kesan. |
perincian teknologi
nilai lalai: | 0 |
---|---|
keistimewaan warisan: | tidak |
versi: | CSS3 |
gramata JavaScript: | object.style.transitionDuration="5s" |
keupayaan pereka
nombor di dalam jadual menunjukkan versi pereka paling awal yang menyokong sifat ini.
nombor dengan -webkit-、-moz- atau -o- menunjukkan versi pertama yang menggunakan awalan.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
26.0 4.0 -webkit- |
10.0 | 16.0 4.0 -moz- |
6.1 3.1 -webkit- |
12.1 10.5 -o- |
- halaman sebelumnya transition-delay
- halaman berikutnya transition-property