Генератор Cubic Bezier
Створюйте CSS cubic-bezier функції часу з інтерактивним редактором кривих, попереднім переглядом анімації та пресетами.
Редактор кривої
Пресети
Контрольні точки
P1
P2
Попередній перегляд анімації
s
Переміщення
Масштабування
Прозорість
CSS вихід
Ctrl+Enter виконатиCtrl+Shift+C скопіювати
Дізнатися більше
Генератор кубічних кривих Безьє: візуальний easing CSS-анімацій
Кубічні криві Безьє контролюють відчуття CSS-анімацій. Дізнайтеся, як точки контролю формують рух.
Що таке кубічні криві Безьє?
Кубічна крива Безьє — це математична функція, яка використовується в CSS для визначення часу анімацій і переходів. Записана як cubic-bezier(x1, y1, x2, y2), вона описує, як анімація просувається від початку до кінця, відображаючи час на прогрес вздовж плавної кривої, визначеної чотирма контрольними точками.
5 хв читанняЧитати повний посібник