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

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