• Теория
  • Теория

transition-timing-function, шаг 2

Вот ещё несколько форм переходов: ease-in, ease-out и ease-in-out.

ease-in
ease-in
ease-out
ease-out
ease-in-out
ease-in-out

Из графиков видно, что при значении ease-in переход медленно начинается, а к концу ускоряется; при ease-out — начинается быстро, а к концу замедляется. Значение ease-in-out похоже на ease, то есть переход начинается и заканчивается медленно, но происходит это чуть-чуть интенсивнее.

Испробуем эти значения свойства transition-timing-function.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Плавные переходы» тренажёра «Интерфейсные анимации» можно после регистрации и оформления подписки.