Properti HTML DOM Style animationTimingFunction
contoh
Mengubah <div> elemen atribut animationTimingFunction:
document.getElementById("myDIV").style.animationTimingFunction="linear";
Coba »
Definisi dan Penggunaan
animationTimingFunction telah ditentukan kurva kecepatan animasi.
kurva kecepatan mendefinisikan perubahan animasi dari satu set gaya CSS CSS style untuk lain waktu.
kurva kecepatan digunakan untuk membuat animasi perubahan halus.
Dukungan Browser
Hanya Firefox mendukung properti animationTimingFunction.
tatabahasa
Kembali sifat animationTimingFunction:
object .style.animationTimingFunction
Pengaturan properti animationTimingFunction:
object .style.animationTimingFunction="linear|ease|ease-in|ease-out|cubic-bezier(n,n,n,n)|initial|inherit"
Nilai properti
值 | 描述 |
---|---|
linear | 动画从开始到结束保持相同的速度。 |
ease | 默认值。动画有一个缓慢的开始,然后加速,在结束之前又变慢。 |
ease-in | 动画有一个缓慢的开始。 |
ease-out | 动画有一个缓慢的结束。 |
ease-in-out | 动画有一个缓慢的开始和一个缓慢的结束。 |
cubic-bezier(n,n,n,n) | 在三次贝塞尔(cubic-bezier)函数中定义自己的值。 可以是从 0 到 1 之间的数字值。 |
initial | 设置该属性为它的默认值。请参阅 initial 。 |
inherit | 从父元素继承该属性。请参阅 inherit 。 |
rincian teknis
default: | memudahkan |
---|---|
Pengembalian: | String mewakili animasi-waktu-fungsi elemen properti. |
versi CSS | CSS3 |
Artikel terkait
Referensi CSS: Animasi-properti Timing-fungsi