Роман Финк

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

Конструктор скруглений углов CSS. Все углы одинаково или каждый отдельно, превью прямоугольника.

CSS border-radius

Слайдеры для каждого угла. Переключатель «все одинаково / по углам».

скопировано

О сервисе

Конструктор скруглений углов CSS. Переключатель «все углы одинаково» или каждый угол отдельно. Превью с реальным блоком, копирование готового CSS.

Что умеет

  • Режим «все углы одинаково» одним слайдером
  • Режим «каждый угол отдельно» (TL, TR, BR, BL)
  • Слайдеры от 0 до 200 px
  • Превью с прямоугольником 240×160
  • Копирование CSS в один клик

Как работает

В универсальном режиме генерирует одно значение «Npx». В детальном — четыре «TL TR BR BL» в порядке по часовой стрелке от верхнего-левого.

Пример

border-radius: 16px — стандартный radius для карточек. 9999px — пилюля. 50% — круг.

Нужен подобный сервис для вашего сайта или сложный сценарий — пишите, разработаю под задачи.

Разрабатываю калькуляторы, сервисы для сайтов и веб-приложения