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
selektor {
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