Разработка
Генератор border-radius
Визуальное проектирование CSS border-radius с живым предпросмотром и копированием кода.
Загрузка...
О генераторе border-radius
Генератор border-radius — бесплатный инструмент для визуального проектирования CSS border-radius с живым предпросмотром. Настраивайте каждый угол отдельно или связывайте вместе, выбирайте шаблонные формы и мгновенно копируйте сгенерированный CSS-код.
Как использовать
Используйте ползунки для настройки скругления каждого угла или включите «Связать все углы» для единообразного изменения. Выберите шаблон формы. Включите расширенный режим для 8 значений (горизонтальный и вертикальный радиус для каждого угла). Настройте цвет фона и рамки. Скопируйте CSS одним нажатием.
Типичные сценарии использования
- Дизайн скруглённых кнопок и компонентов карточек
- Создание элементов в форме капсулы для тегов и бейджей
- Создание круглых контейнеров для аватаров
- Дизайн органических форм-клякс для декоративных элементов
- Генерация согласованных значений border-radius в дизайн-системе