Инструменты конвертации

Генератор CSS clamp

Создайте плавный CSS clamp между двумя размерами и ширинами окна.

Преобразование в браузере · Без регистрации

Все значения в пикселях. Минимум не должен превышать максимум, а ширины должны возрастать. Используется линейный член vw.

До 100 000 единиц UTF-16 на ввод и 1 000 000 на результат. Поддерживаемые форматы и примеры приведены ниже.

Как пользоваться

  1. Создайте плавный CSS clamp между двумя размерами и ширинами окна.
  2. Выберите режим или параметры и запустите инструмент.
  3. Проверьте результат, скопируйте или скачайте TXT.

Пример

16→24 px at 320→1280 px → clamp(16px, 13.333333px + 0.833333vw, 24px)

Подробности и ограничения

Все значения в пикселях. Минимум не должен превышать максимум, а ширины должны возрастать. Используется линейный член vw.

Текст обрабатывается в браузере и не отправляется на сервер преобразования.

FAQ

Генератор CSS clamp — Какие форматы и ограничения поддерживаются?

Все значения в пикселях. Минимум не должен превышать максимум, а ширины должны возрастать. Используется линейный член vw.

Справочники по форматам

Страница инструмента обновлена: