Properti HTML DOM Style transitionTimingFunction
contoh
Mengubah kecepatan kurva efek transisi:
document.getElementById("myDIV").style.transitionTimingFunction="linear";
Coba »
Definisi dan Penggunaan
Atribut transitionTimingFunction menentukan kecepatan kurva efek transisi.
Properti ini memungkinkan efek transisi dari waktu ke waktu untuk mengubah kecepatan.
Dukungan Browser
Internet Explorer 10, Firefox, Opera dan dukungan Chrome properti transitionTimingFunction.
Safari mendukung alternatif lain dari properti atribut bahwa properti WebkitTransitionTimingFunction.
Catatan: Internet Explorer 9 dan versi sebelumnya tidak mendukung properti transitionTimingFunction.
tatabahasa
Kembali sifat transitionTimingFunction:
object .style.transitionTimingFunction
Pengaturan properti transitionTimingFunction:
object .style.transitionTimingFunction ="ease|linear|ease-in|ease-out|ease-in-out|cubic-bezier()|
initial|inherit"
initial|inherit"
Nilai properti
值 | 描述 |
---|---|
ease | 默认值。规定慢速开始,然后变快,然后慢速结束的过渡效果(相当于 cubic-bezier(0.25,0.1,0.25,1))。 |
linear | 规定从开始到结束都保持相同速度的过渡效果(相当于 cubic-bezier(0,0,1,1))。 |
ease-in | 规定以慢速开始的过渡效果(相当于 cubic-bezier(0.42,0,1,1))。 |
ease-out | 规定以慢速结束的过渡效果(相当于 cubic-bezier(0,0,0.58,1))。 |
ease-in-out | 规定以慢速开始和结束的过渡效果(相当于 cubic-bezier(0.42,0,0.58,1))。 |
cubic-bezier(n,n,n,n) | 在 cubic-bezier 函数中定义自己的值。可能的值是 0 至 1 之间的数值。 |
initial | 设置该属性为它的默认值。请参阅 initial 。 |
inherit | 从父元素继承该属性。请参阅 inherit 。 |
rincian teknis
default: | memudahkan |
---|---|
Pengembalian: | String yang mewakili transisi-waktu-fungsi elemen properti. |
versi CSS | CSS3 |
Artikel terkait
CSS Referensi: Transisi-properti Timing-fungsi