Перейти до вмісту

◇ На вашому пристрої

Калькулятор CSS clamp()

Розрахуйте лінійний адаптивний вираз CSS clamp() між двома ширинами viewport.

Як користуватися

Введіть мінімальне/максимальне значення та ширини viewport.
Запустіть розрахунок.
Скопіюйте вираз clamp() і перевірте його на цільових breakpoint.

Пов’язані інструменти

Генератор CSS-градієнта

Створіть перевірену декларацію CSS linear-gradient за кутом і 2–8 кольорами у форматі hex.

Генератор CSS border-radius

Створіть скорочений запис CSS border-radius за одним–чотирма значеннями в пікселях.

Генератор CSS @font-face

Створює перевірюваний блок @font-face з URL шрифту та явних CSS-налаштувань.