loader

Cвойство animation-timing-function задаёт как происходит анимация в течении длительности каждого цикла. Временные функции могут быть установлены в пользовательских ключевых кадрах в правилах @keyframes.

animation-timing-function հատկությունը սահմանում է, թե ինչպես է անիմացիան տեղի ունենում յուրաքանչյուր օղակի տևողության ընթացքում: Ժամանակավոր գործառույթները կարող են սահմանվել հատուկ առանցքային կադրերում՝ @keyframes կանոններում:

Синтаксис

Գրելաձև
animation-timing-function: ease;
animation-timing-function: ease-in-out;
animation-timing-function: steps(5, end);

Hello

Пример

Օրինակ

See the Pen animation-timing-function by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

⇓Результат данного примера показан на рисунке⇓

⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓

 animation-timing-function image

Также у тега animation есть следующие под. теги
Поддержка браузера дляԲրաուզերի աջակցությունը animation-timing-function элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 10+ 12+ 43+ 16+ 9+ 30+
Notes