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

Определяет, как рассчитываются значения между началом и концом перехода

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

Значения

transition-timing-function: linear;

Использование стандартных временных функций: linear, ease, ease-in, ease-out, ease-in-out, step-start, step-end

transition-timing-function: steps(4, jump-end);

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

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

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

transition-timing-function: linear, ease;

Расчет значений для разных свойств, если их указано несколько в transition-property

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

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

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