Savybė animation-timing-function

Savybė animation-timing-function nustato animacijos kitimo greitį (pagreitį). Pavyzdžiui, iš pradžių lėtai, po to greitai, po to vėl lėtai ir t.t.

Sintaksė

selektorius {
	animation-timing-function: reikšmė;
}

Reikšmė	Aprašas
`ease`	Iš pradžių lėtai, po to greitai, pabaigoje vėl lėtai.
`ease-in`	Prasideda lėtai ir palaipsniui įsibėgėja.
`ease-out`	Prasideda greitai ir palaipsniui sustoja.
`ease-in-out`	Iš pradžių lėtai, po to greitai, pabaigoje vėl lėtai. Nuo ease skiriasi greičiu.
`linear`	Visada vienodas greitis.
`step-start`	Animacijos nėra, savybė iš karto įgyja galutinę reikšmę.
`step-end`	Animacijos nėra, savybė laukia laiką, nustatytą `animation-duraton`, o tada akimirksniu įgyja galutinę reikšmę.
`steps`	Savybės reikšmė keičiasi šuoliais.
`cubic-bezier`	Bezier kreivė, kuri gali nustatyti bet kokią animaciją. Žr. Bezier kreivių generatorių.

Numatytoji reikšmė: ease.

Užveskite pelę žemiau pateiktus blokus, kad pamatytumėte visų laiko funkcijų tipų veikimą: