属性 transition-duration CSS

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;
}

cuba sendiri

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-