ToolPilot
Дизайн

Генератор cubic-bezier

Настраивайте кривые плавности CSS визуально и просматривайте анимацию перед копированием кода.

Перетаскивайте две контрольные точки, чтобы задать ускорение перехода. Сравнивайте линейные, ease-in, ease-out и пружинистые кривые.

Загрузка инструмента…
Конфиденциальность: Быстрая и приватная утилита ToolPilot. Ваши данные по возможности обрабатываются локально в вашем браузере.

Как

  1. 1Перетащите контрольные точки или введите значения.
  2. 2Воспроизведите анимацию предпросмотра.
  3. 3Скопируйте функцию времени cubic-bezier.

Часто задаваемые вопросы

Что делают значения больше 1?

Они создают перелёт: элемент проходит мимо цели и затем возвращается.

Загружаются ли мои файлы на сервер?

Нет. Инструмент работает полностью в вашем браузере, при необходимости используя JavaScript и WebAssembly. Ваши файлы и текст никогда не покидают ваше устройство.

Помогите нам стать лучше

Мы регулярно улучшаем наши инструменты. Нашли проблему или есть предложение? Мы слушаем.

Похожие инструменты

🎨

Пипетка цвета + HEX/RGB/HSL

🎯

Конвертер HEX / RGB / HSL

🌈

Генератор палитр

🌊

Генератор CSS-градиентов