animation-timing-function հատկությունը

animation-timing-function հատկությունը սահմանում է անիմացիայի փոփոխության արագությունը (արագացումը): Օրինակ, սկզբում դանդաղ, ապա արագ, հետո դանդաղ և այլն:

Շարահյուսություն

Արժեքներ

Արժեք	Նկարագրություն
ease	Սկզբում դանդաղ, ապա արագ, վերջում կրկին դանդաղ:
ease-in	Սկսվում է դանդաղ և աստիճանաբար արագանում է:
ease-out	Սկսվում է արագ և աստիճանաբար դանդաղում է:
ease-in-out	Սկզբում դանդաղ, ապա արագ, վերջում կրկին դանդաղ: ease-ից տարբերվում է արագությամբ:
linear	Միշտ նույն արագությունը:
step-start	Անիմացիա չկա, հատկությունը անմիջապես ընդունում է վերջնական արժեքը:
step-end	Անիմացիա չկա, հատկությունը սպասում է այն ժամանակը, որը սահմանված է animation-duraton-ում, ապա ակնթարթորեն ընդունում է վերջնական արժեքը:
steps	Հատկության արժեքը փոխվում է ցատկերով:
cubic-bezier	Բեզիեի կոր, որը կարող է սահմանել կամայական անիմացիա: Տես Բեզիեի կորերի գեներատոր:

Լռելայն արժեքը՝ ease:

Տարբեր արժեքների համեմատություն

Մկնիկը տեղափոխեք ներքև ներկայացված բլոկների վրա, որպեսզի տեսնեք ժամանակային ֆունկցիաների բոլոր տեսակների աշխատանքը:

Տես նաև