Свойство animation-timing-function

Устанавливает функцию расчета значений между началом и концом анимации

animation-timing-function: ease;
  • поддерживается начиная с
  • частичная поддержка до
  • не поддерживается

Значения

animation-timing-function: ease;

Использование стандартных временных функций: lineareaseease-inease-outease-in-outstep-startstep-end

animation-timing-function: steps(4, end);

Расчет значений используя функцию steps. Первый параметр функции - сколько шагов, второй параметр - термин перехода: start, end

animation-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1);

Расчет значений используя кривую Бизье. Первое и третье значения должны находится в диапазоне 0-1.

animation-timing-function: ease, linear;

Расчет значений для разных анимаций элемента, если их указано несколько в animation-name

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии