Уласцівасць 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.

Параўнанне розных значэнняў

Навядзіце мышэй на прадстаўленыя ніжэй блокі, каб убачыць працу ўсіх відаў часовых функцый:

Глядзіце таксама