Sifa ya animation-timing-function
Sifa animation-timing-function
inaweka kasi ya mabadiliko (mwelekeo)
ya animation. Kwa mfano, kwanza polepole, kisha
haraka, kisha polepole n.k.
Kisarufi
kichaguli {
animation-timing-function: thamani;
}
Thamani
| Thamani | Maelezo |
|---|---|
ease |
Kwanza polepole, kisha haraka, mwisho tena polepole. |
ease-in |
Huanza polepole na hatua kwa hatua huharakisha. |
ease-out |
Huanza haraka na hatua kwa hatua husimama. |
ease-in-out |
Kwanza polepole, kisha haraka, mwisho tena polepole. Inatofautiana na ease kwa kasi. |
linear |
Daima kasi ile ile. |
step-start |
Hakuna animation, sifa huchukua thamani ya mwisho mara moja. |
step-end |
Hakuna animation, sifa inasubiri muda,
uliowekwa katika animation-duraton,
kisha mara moja huchukua thamani ya mwisho.
|
steps |
Thamani ya sifa hubadilika kwa mruko. |
cubic-bezier |
Mkunjo wa Bezier, ambao unaweza kuweka animation ya kiholela. Angalia kizalisaji cha mikunjo ya Bezier. |
Thamani chaguomsingi: ease.
Kulinganisha Thamani Mbalimbali
Leta kisorera chako juu ya vizuizi vilivyowasilishwa hapa chini, ili kuona utendakazi wa aina zote za vitendakazi vya muda:
Angalia Pia
-
sifa
animation,
inayowakilisha sifa iliyofupishwa kwa animasyon -
amri
@keyframes,
inayoweka muafaka muhimu ya animation -
miendo laini
transition, inayowakilisha animation kwa kuleta juu ya kipengele