Генератор CSS border-radius для карточек, кнопок, input, badge, модальных окон, аватаров и дизайн-систем.
CSS border-radius — бесплатный онлайн-инструмент. Генератор CSS border-radius для карточек, кнопок, input, badge, модальных окон, аватаров и дизайн-систем. Обработка выполняется локально в браузере. Данные не отправляются на сервер.
Выберите связанный инструмент для следующего шага.
Данные для перехода между инструментами хранятся только в памяти текущей сессии браузера.
Инструмент “CSS border-radius” помогает быстро подобрать скругление углов для карточек, кнопок, input, badge, модальных окон, аватаров и других UI-элементов. Можно настроить общий радиус, задать разные значения для каждого угла, выбрать единицы px, rem, em или %, использовать пресеты pill/circle, посмотреть live preview и скопировать готовый CSS. Результат можно получить как CSS-правило, значение border-radius, CSS variable, inline style, Tailwind class или фрагмент для дизайн-системы. Генерация выполняется локально в браузере: данные не отправляются на сервер UtiLab.