Animation-timing-function häsiýeti

animation-timing-function häsiýeti animasiýanyň üýtgemek tizligini (tizlenişini) belgileýär. Mysal üçin, evel ýawaş, soňra çalt, ýene soňra ýawaş we ş.m.

Sintaksis

selektor {
	animation-timing-function: baha;
}

Bahalar

Baha	Düşündiriş
`ease`	Evel ýawaş, soňra çalt, ahyrynda ýene ýawaş.
`ease-in`	Ýawaş başlanýar we basgança tizlenýär.
`ease-out`	Çalt başlanýar we basgança durýar.
`ease-in-out`	Evel ýawaş, soňra çalt, ahyrynda ýene ýawaş. Ease-den tizligi bilen tapawutlanýar.
`linear`	Hemme wagt bir tizlik.
`step-start`	Animasiýa ýok, häsiýet derrew soňky bahany alýar.
`step-end`	Animasiýa ýok, häsiýet wagty gözleýär, `animation-duraton`-da belgilenen, soň bolsa pursatda soňky bahany alýar.
`steps`	Häsiýetiň bahasy sekirmeler bilen üýtgeýär.
`cubic-bezier`	Islegiňiz ýaly animasiýany belgip bilýän Bezýer egrisi. Garaň Bezýer egri generator.

Belli däl bahasy: ease.

Dürli bahalaryň deňeşdirilmegi

Aşakdaky bloklaryň üstüne siçany getiriň, hemme wagt funksiýalarynyň işini görüň:

Şeýle-de garaň

animation häsiýeti,
animasiýalar üçin gysgaldylan häsiýet
@keyframes buýrugy,
animasiýanyň açar kadrlaryny belgileýär
transition ýumşak geçişler, elementiň üstüne getirilende animasiýa edýär