animation-timing-function xususiyati

animation-timing-function xususiyati animatsiyaning o'zgarish tezligini (tezlashishni) o'rnatadi. Masalan, avval sekin, keyin tez, keyin sekin va hokazo.

Sintaksis

selector {
	animation-timing-function: qiymat;
}

Qiymatlar

Qiymat	Tavsif
`ease`	Avval sekin, keyin tez, oxirida yana sekin.
`ease-in`	Sekin boshlanadi va asta-sekin tezlashadi.
`ease-out`	Tez boshlanadi va asta-sekin to'xtaydi.
`ease-in-out`	Avval sekin, keyin tez, oxirida yana sekin. Ease dan tezlik bilan farq qiladi.
`linear`	Har doim bir xil tezlik.
`step-start`	Animatsiya yo'q, xususiyat darhol yakuniy qiymatni oladi.
`step-end`	Animatsiya yo'q, xususiyat vaqt kutadi, `animation-duraton` da belgilangan, so'ngra bir zumda yakuniy qiymatni oladi.
`steps`	Xususiyatning qiymati sakrashlar bilan o'zgaradi.
`cubic-bezier`	Ixtiyoriy animatsiyani belgilashi mumkin bo'lgan Bezier egri chizig'i. Qarang: Bezier egri chiziqlari generatori.

Standart qiymat: ease.

Turli qiymatlarni solishtirish

Quyida keltirilgan bloklarning barcha vaqt funktsiyalar turlarining ishlashini ko'rish uchun sichqonchani ularning ustiga olib boring:

Shuningdek qarang

animation xususiyati,
animatsiyalar uchun qisqartirilgan xususiyat hisoblanadi
@keyframes buyrug'i,
animatsiyaning asosiy kadrlarini belgilaydi
Silliq o'tishlar transition, element ustiga olib borish orqali amalga oshiriladigan animatsiyani ifodalaydi