Кривая Безье для CSS-анимации
Кривая Безье для CSS-анимации: онлайн-инструмент для точных расчётов.
Кривая Безье для CSS-анимации
x1
y1
x2
y2
Прошло времени анимации%
Длительность анимациимс
Прогресс анимации
80,2403%
CSS
cubic-bezier(0.25, 0.1, 0.25, 1)
Момент времени
150мс
Прогресс на 25 / 50 / 75 %
40.9 / 80.2 / 96%
Подробнее: Кривая Безье для CSS-анимации
Что считает калькулятор
Калькулятор «Кривая Безье для CSS-анимации» рассчитывает Прогресс анимации в % на основе 6 параметров: x1, y1, x2, y2, прошло времени анимации (%), длительность анимации (мс).
Стандартные IT-расчёты для разработчиков и сисадминов.
Пример расчёта
При параметрах x1 = 0,25, y1 = 0,1, x2 = 0,25, y2 = 1, Прошло времени анимации = 50 %, Длительность анимации = 300 мс результат составит 80,24 %.
Как пользоваться
- Введите x1, y1, x2, y2, прошло времени анимации и длительность анимации — все поля выше можно менять слайдером.
- Прогресс анимации (%) рассчитывается автоматически по мере ввода.
- Смотрите пример ниже — формула применена к реальным числам.
- Скопируйте результат или сохраните страницу в закладки.
Связанные расчёты
Частые вопросы
Как рассчитывается «Кривая Безье для CSS-анимации»?
Калькулятор «Кривая Безье для CSS-анимации» вычисляет Прогресс анимации (в %) по параметрам: x1, y1, x2, y2, прошло времени анимации, длительность анимации. Введите значения выше — точная формула применяется мгновенно, ниже показан пример с реальными числами.
Калькулятор «Кривая Безье для CSS-анимации» бесплатный?
Да. Полностью бесплатно, без регистрации, всё считается прямо в браузере и никакие данные не отправляются на сервер.