Генератор CSS clamp()

Створіть плавне значення clamp(), яке плавно масштабує розмір шрифту між двома значеннями ширини вікна перегляду.

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

  1. Введіть свої значення в поля вище.
  2. Натисніть «Обчислити», щоб одразу побачити результат.
  3. Скористайтеся кнопкою «Поділитися», щоб скопіювати посилання на результат.

Про цей калькулятор

Цей інструмент генерує адаптивну CSS-функцію clamp() для плинної типографіки — clamp(мін, бажане, макс) — де бажане значення є розрахованим виразом на основі vw, який плавно масштабує розмір шрифту між мінімальною та максимальною ширинами вікна перегляду, тож він припиняє зростати чи зменшуватися за межами обраних вами лімітів.

Frontend-розробники використовують його, щоб не писати кілька медіазапитів-брейкпоінтів лише для зміни розміру заголовків і основного тексту, отримуючи замість цього одне CSS-правило, яке плавно масштабується. Введіть мінімальний і максимальний розмір шрифту та діапазон ширини вікна перегляду, щоб отримати готове до вставлення правило clamp().

Was this helpful?

Можна вибрати до 3 реакцій.

Comments (0)

  • Be the first to comment.

Популярні калькулятори

Усі калькулятори