Sifat animation-timing-function

Sifat animation-timing-function menetapkan kelajuan perubahan (pecutan) animasi. Sebagai contoh, mula-mula perlahan, kemudian cepat, kemudian perlahan semula, dan sebagainya.

Sintaks

Nilai

Nilai	Penerangan
ease	Mula-mula perlahan, kemudian cepat, di akhir perlahan semula.
ease-in	Bermula perlahan dan secara beransur-ansur memecut.
ease-out	Bermula cepat dan secara beransur-ansur berhenti.
ease-in-out	Mula-mula perlahan, kemudian cepat, di akhir perlahan semula. Berbeza dengan ease dari segi kelajuan.
linear	Kelajuan yang sama sentiasa.
step-start	Tiada animasi, sifat serta-merta mengambil nilai akhir.
step-end	Tiada animasi, sifat menunggu masa, yang ditetapkan dalam animation-duraton, dan kemudian serta-merta mengambil nilai akhir.
steps	Nilai sifat berubah secara melompat.
cubic-bezier	Lengkung Bezier, yang boleh menetapkan animasi sewenang-wenangnya. Lihat penjana lengkung Bezier.

Nilai lalai: ease.

Perbandingan Nilai Berbeza

Letakkan kursor tetikus di atas blok yang ditunjukkan di bawah, untuk melihat fungsi masa semua jenis beraksi:

Lihat Juga