Редактор cubic-bezier

Що показує крива

По горизонталі — час, по вертикалі — пройдена частка шляху. Пряма діагональ це linear: рівний рух без прискорення. Чим крутіша ділянка, тим швидше рухається елемент у цю мить.

Виводити ручку вище одиниці — не помилка. Так роблять «відскок»: елемент проскакує кінцеву точку й повертається. Те саме нижче нуля дає замах у зворотний бік перед стартом. Обидва прийоми лишаються в межах cubic-bezier(), тому вісь y тут навмисно не обмежена.

Чому x обмежений

А от x замкнений у проміжку від 0 до 1 за специфікацією: час не може іти назад. Тому ручки не витягуються за бічні межі рамки.