transition-timing-function

Cвойство transition-timing-function задаёт эффект скорости переходу. Это свойство позволяет эффекту перехода изменять скорость в течение его продолжительности.

transition-timing-function հատկությունը անցմանը ավելացնում է արագության էֆեկտը: Այս հատկությունը թույլ է տալիս անցումային էֆեկտին փոփոխել արագությունը իր տևողության ընթացքում:

Синтаксис

Գրելաձև

transition-timing-function: ease;
transition-timing-function: ease-in;
transition-timing-function: ease-out;
transition-timing-function: ease-in-out;
transition-timing-function: linear;
transition-timing-function: step-start;
transition-timing-function: step-end;
transition-timing-function: steps;
transition-timing-function: cubic-bezier;

Пример

Օրինակ

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

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

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

Также у тега transition есть следующие под. теги

Поддержка браузера дляԲրաուզերի աջակցությունը transition-timing-function элемента տարրին
Browser	IE	Edge	Chrome	Firefox	Safari	Opera
Version	10+	12+	26+	16+	9+	12.1+
Notes