Cubic Bezier Generator
Визуальный инструмент для создания идеальных таймингов в CSS анимациях. Настраивайте кривые ускорения, сравнивайте с пресетами и копируйте код в один клик.
Что такое Cubic Bezier в CSS?
В CSS свойствах transition и animation скорость изменения состояний редко бывает линейной. Чтобы интерфейс выглядел живым и естественным, элементы должны разгоняться и тормозить плавно.
Функция cubic-bezier(x1, y1, x2, y2) определяет кривую скорости анимации, используя математику кривых Безье.
Ось X (Время)
Всегда идет от 0 до 1. Представляет собой продолжительность вашей анимации (duration).
Ось Y (Прогресс)
Обычно от 0 до 1, но может выходить за пределы (!), создавая эффекты пружины (bouncing).
Как читать график?
- 1Чем круче кривая, тем быстрее происходит изменение.
- 2Если кривая становится горизонтальной, анимация временно замирает.
- 3Если кривая уходит вниз (y < 0) или вверх (y > 1), происходит отскок назад или перелет вперед.
Следите за тем, какие свойства вы анимируете — это напрямую влияет на производительность страницы.
Стандартные значения
ease
0.25, 0.1, 0.25, 1.0
Значение по умолчанию. Анимация начинается медленно, разгоняется в середине и плавно замедляется в конце.
linear
0.0, 0.0, 1.0, 1.0
Равномерная скорость на всем протяжении. Полезна для спиннеров загрузки и изменения цвета.
ease-in-out
0.42, 0.0, 0.58, 1.0
Симметричный разгон и торможение. Выглядит наиболее естественно для движения элементов интерфейса.
Часто задаваемые вопросы
Лиана Арифметова
Миссия: Демократизировать сложные расчеты. Превратить страх перед числами в ясность и контроль. Девиз: «Любая повторяющаяся задача заслуживает своего калькулятора».
Отказ от ответственности
Только для информационных целей. Все расчёты, результаты и данные, предоставляемые данным инструментом, носят исключительно ознакомительный и справочный характер. Они не являются профессиональной консультацией — медицинской, юридической, финансовой, инженерной или иной.
Точность результатов. Калькулятор основан на общепринятых формулах и методиках, однако фактические результаты могут отличаться в зависимости от индивидуальных условий, исходных данных и применяемых стандартов. Мы не гарантируем полноту, точность или актуальность приведённых расчётов.
Медицинские, финансовые и профессиональные решения должны приниматься исключительно на основании консультации с квалифицированными специалистами — врачом, финансовым советником, инженером или другим профессионалом в соответствующей области. Не используйте результаты данного инструмента как единственное основание для принятия важных решений.
Ограничение ответственности. Авторы и разработчики сервиса не несут никакой ответственности за прямой или косвенный ущерб, возникший в результате использования данных расчётов. Пользователь принимает на себя всю ответственность за интерпретацию и применение полученных результатов.
Похожие инструменты
Калькулятор кинезиологии: момент силы, ROM, анализ походки и MET
Кинезиологические расчёты онлайн: момент силы в суставе, амплитуда движений (ROM), кинематика, анализ походки, энергозатраты (MET).
Калькулятор поликарбоната
Расчёт листов поликарбоната на теплицу, навес или козырёк с учётом стыков, крепежа и стоимости
Калькулятор водоотведения: аэротенк, отстойник, БПК, дождевая канализация
Расчёты водоотведения: аэротенк (БПК, возраст ила), отстойник, БПК/ХПК, дождевая канализация, септик, нормативы сброса (ПДС).
Калькулятор матриц
Вычисление определителя, обратной матрицы, ранга и собственных значений. Удобный интерфейс с решением.
Калькулятор векторов 2D и 3D
Сложение, вычитание, скалярное и векторное произведение, длина, угол между векторами. Пошаговое решение.
Калькулятор App Store: доход, ASO, UA, удержание и монетизация
Комплексный калькулятор для мобильных приложений: расчёт дохода (IAP, подписки, платные загрузки), ASO-оптимизация (ключевые слова, скриншоты, рейтинг), стоимость привлечения (CPI, ROAS), анализ удержания (Day 1/7/30/90), размер приложения и сравнение моделей монетизации. Поддержка RuStore и AppGallery.
Калькулятор вместимости зала
Расчёт вместимости зала по площади и типу рассадки: банкет, театр, фуршет, конференция. Количество столов и гостей.
Калькулятор конвертации форматов файлов
Изменение размера при конвертации: BMP vs JPG, WAV vs MP3, RAW vs MP4. Lossless и Lossy сжатие.
Калькулятор спринклерной системы: орошение, гидравлика, водоснабжение
Расчёт спринклерной системы пожаротушения по СП 5.13130. Интенсивность орошения, гидравлический расчёт, количество оросителей, объём бака.
Калькулятор забора
Расчёт забора: профнастил, штакетник, рабица. Столбы, секции, крепёж, бетон.
Калькулятор дозировки лекарств для детей
Рассчитайте дозировку парацетамола, ибупрофена и других лекарств по весу ребёнка.
Калькулятор налога при дарении
Рассчитайте НДФЛ при дарении квартиры, дома, земли или авто. Близкие родственники освобождены, прочие — 13% (нерезиденты 30%). Ст. 217 п. 18.1 НК РФ.
Калькулятор скейтбординга: подбор деки, калории, экипировка
Калькулятор для скейтбордистов. Подбор ширины деки, калории, выбор колёс и подвесок, стоимость комплекта в России.
Калькулятор СКФ (GFR)
Расчет скорости клубочковой фильтрации по креатинину (CKD-EPI). Оценка функции почек и стадии ХБП.
Калькулятор ветроэнергетики: мощность турбины, Вейбулл, AEP и LCOE
Расчёты ветроэнергетики: мощность ВЭУ, профиль ветра, распределение Вейбулла, годовая выработка AEP, турбулентность, экономика ветропарка.