Xüsusiyyət animation-timing-function

animation-timing-function xüsusiyyəti animasiyanın dəyişmə sürətini (təcilini) təyin edir. Məsələn, əvvəlcə yavaş, sonra sürətli, sonra yenə yavaş və s.

Sintaksis

cssselektor {
  animation-timing-function: qiymet;
}

Qiymətlər

Qiymət	Təsvir
`ease`	Əvvəlcə yavaş, sonra sürətli, sonda yenə yavaş.
`ease-in`	Yavaş başlayır və tədricən sürətlənir.
`ease-out`	Sürətli başlayır və tədricən dayanır.
`ease-in-out`	Əvvəlcə yavaş, sonra sürətli, sonda yenə yavaş. Ease-dən sürətlə fərqlənir.
`linear`	Həmişə eyni sürət.
`step-start`	Animasiya yoxdur, xüsusiyyət dərhal yekun qiyməti alır.
`step-end`	Animasiya yoxdur, xüsusiyyət gözləyir, `animation-duraton`-da təyin edilmiş vaxtı, və sonra ani olaraq yekun qiyməti alır.
`steps`	Xüsusiyyətin qiyməti sıçrayışlarla dəyişir.
`cubic-bezier`	İxtiyari animasiya təyin edə bilən Bezier əyrisi. Bax: Bezier əyriləri generatoru.

Susmaya görə qiymət: ease.

Müxtəlif qiymətlərin müqayisəsi

Bütün zaman funksiyalarının işini görmək üçün aşağıdakı blokların üzərinə siçanı gətirin:

Həmçinin bax

xüsusiyyət animation,
animasiyalar üçün qısaldılmış xüsusiyyət təmsil edir
komanda @keyframes,
animasiyanın əsas kadrlarını təyin edir
hamar keçidlər transition, elementin üzərinə gətirildikdə animasiya təmsil edir