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
Симметричный разгон и торможение. Выглядит наиболее естественно для движения элементов интерфейса.
Часто задаваемые вопросы
Лиана Арифметова
Миссия: Демократизировать сложные расчеты. Превратить страх перед числами в ясность и контроль. Девиз: «Любая повторяющаяся задача заслуживает своего калькулятора».
Отказ от ответственности
Только для информационных целей. Все расчёты, результаты и данные, предоставляемые данным инструментом, носят исключительно ознакомительный и справочный характер. Они не являются профессиональной консультацией — медицинской, юридической, финансовой, инженерной или иной.
Точность результатов. Калькулятор основан на общепринятых формулах и методиках, однако фактические результаты могут отличаться в зависимости от индивидуальных условий, исходных данных и применяемых стандартов. Мы не гарантируем полноту, точность или актуальность приведённых расчётов.
Медицинские, финансовые и профессиональные решения должны приниматься исключительно на основании консультации с квалифицированными специалистами — врачом, финансовым советником, инженером или другим профессионалом в соответствующей области. Не используйте результаты данного инструмента как единственное основание для принятия важных решений.
Ограничение ответственности. Авторы и разработчики сервиса не несут никакой ответственности за прямой или косвенный ущерб, возникший в результате использования данных расчётов. Пользователь принимает на себя всю ответственность за интерпретацию и применение полученных результатов.
Похожие инструменты
Калькулятор промышленной автоматизации
Расчёты АСУТП: ПИД-регулятор, датчики, исполнительные механизмы, контуры управления, сети
Калькулятор ABSI (индекс формы тела)
Новый индекс формы тела (A Body Shape Index). Оцените риск для здоровья точнее, чем просто по ИМТ.
Калькулятор расхода материалов: краски, обоев, плитки
Строительный калькулятор расхода материалов. Расчет количества обоев, краски (литры), плитки, ламината и ковролина с учетом запаса.
Калькулятор гистологии
Подсчёт клеток, митотический индекс, Ki-67, время фиксации, протоколы окраски H&E, разведение антител, типы тканей.
Калькулятор аннуитетов (PV, FV, рента)
Рассчитайте приведенную и будущую стоимость аннуитета, размер платежа, растущую ренту и бессрочную ренту. Пренумерандо и постнумерандо.
Калькулятор фармацевтического производства
Расчёты фармпроизводства: таблетирование, растворение, стабильность, чистые помещения, валидация
Калькулятор птицеводства
Расчёт кормления, яичного и мясного производства в птицеводстве. Нормы по ВНИТИП для кур, бройлеров, индеек, уток. Рентабельность птицефермы.
Калькулятор спектроскопии
Закон Бугера-Ламберта-Бера, конвертер длины волны/частоты/энергии, волновое число, ИК-частоты, ЯМР химический сдвиг.
Калькулятор инфляции и покупательной способности
Рассчитайте влияние инфляции на деньги, покупательную способность и необходимую индексацию зарплаты. Учет накопленной инфляции.
Генератор мем-фактов
Смешной вирусный заголовок или мем-факт за секунду. Для соцсетей, розыгрышей и поднятия настроения.
Калькулятор контрольных цифр: ISBN, IBAN, Luhn
Проверка и расчет контрольных чисел (Check Digit). Валидация ISBN-13, ISBN-10, IBAN и алгоритм Луна (Luhn) для банковских карт и IMEI.
Калькулятор Child-Pugh (цирроз печени)
Рассчитайте класс тяжести цирроза по шкале Чайлд-Пью. Прогноз выживаемости, хирургический риск. Для гепатологов и хирургов.
Калькулятор оптимизации: симплекс, рюкзак, генетика
Решение задач оптимизации: линейное программирование (симплекс-метод), задача о рюкзаке и генетические алгоритмы. Поиск минимума/максимума.
Калькулятор венчурного фонда (VC)
MOIC, IRR, DPI, carried interest и доход LP. Для фондов РВК, ФРИИ, Сколково. Поддержка ЗПИФ.
Калькулятор описательной статистики
Рассчитать среднее, медиану, моду, дисперсию и другие показатели онлайн. Полный статистический анализ ряда чисел.