⌒

Генератор CSS Easing

Оберіть або побудуйте easing на основі cubic-bezier і відтворіть його на анімованій крапці перегляду.

Ваші файли залишаються на цьому пристрої

Файли обробляються у браузері й не надсилаються на сервер. Сайт завантажує код і ресурси для роботи інструментів. Без акаунтів і трекерів.

Натисніть «Завантажити», щоб зберегти інструмент одним HTML-файлом для роботи офлайн.

пресет

результат

Про цей інструмент

Оберіть пресет або введіть чотири контрольні точки, щоб створити easing на основі cubic-bezier і спостерігати анімацію, усе у вашому браузері.

Що роблять пресети?

Кожен пресет заповнює чотири контрольні точки для стандартної кривої на кшталт ease-in чи linear, яку потім можна точно налаштувати.

Як побачити easing знову?

Натисніть «Відтворити», щоб повторно запустити анімацію крапки з поточною функцією плавності.