- Теория
- Теория
transition-timing-function, шаг 3
Названия linear
, ease
, ease-in
и другие — это «псевдонимы» функций кубических кривых Безье:
cubic-bezier(0, 0, 1, 1) // это linear
cubic-bezier(0.42, 0, 1, 1) // это ease-in
В общем представлении cubic-bezier(x1, y1, x2, y2)
значения
x
и y
— это координаты точек кривых на графике.
При этом верным считается значение x
только
в диапазоне от 0
до 1
.
Существует отличный сервис, помогающий разобраться в функциональном представлении кривых Безье без необходимости штудировать учебники по математике.
А вот по этой ссылке можно найти целую коллекцию разных easing-функций на основе кривых Безье.
C помощью функции cubic-bezier
мы можем задавать любые формы переходов.
Хотите верстать адаптивно и по методологии, использовать препроцессоры и автоматизацию? Записывайтесь на профессиональный курс «HTML и CSS. Адаптивная вёрстка и автоматизация». Цена 12 000 ₽.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.