Својството 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.

Споредба на различни вредности

Лизгајте го глушецот над долуприкажаните блокови, за да ја видите работата на сите видови на временски функции:

Погледнете ги исто така