Перейти к содержимому

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

Создавайте пользовательские значения CSS border-radius с предпросмотром в реальном времени. Настраивайте каждый угол отдельно. Бесплатно, 100% в браузере.

Предпросмотр

12px
12px
12px
12px
Единица

CSS-код

 

О CSS border-radius

Свойство CSS border-radius позволяет скруглять углы элементов. Для каждого угла можно задать разное значение.

Синтаксис

border-radius принимает от 1 до 4 значений — одно для всех углов, два для пар верхний-левый/нижний-правый и верхний-правый/нижний-левый, или четыре отдельных значения.

Эллиптическое скругление

Эллиптический border-radius использует синтаксис с косой чертой (напр. 50% / 30%) для создания асимметричных скруглений с разными горизонтальными и вертикальными радиусами.

Конфиденциальность

Вся обработка выполняется на 100% в вашем браузере. Данные никогда не отправляются на сервер.