VUREXVUREX
CSS Tool

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

Генерируйте CSS border-radius визуально с предпросмотром. Настраивайте каждый угол по отдельности или все сразу, используйте пресеты и копируйте CSS код мгновенно. Полностью бесплатно.

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

Радиус углов

12%
12%
12%
12%

Стиль и размер

240px
160px

Пресеты

Сгенерированный CSS

border-radius: 12% 12% 12% 12%;
background: #6366f1;
width: 240px;
height: 160px;

Часто задаваемые вопросы

CSS border-radius — это свойство, которое позволяет скруглять углы элемента. Вы можете задать одинаковый радиус для всех четырёх углов или настроить каждый отдельно для создания различных форм: таблеток, кругов и органических фигур.

Можно использовать пиксели (px), проценты (%), em, rem и другие единицы длины CSS. Проценты рассчитываются относительно размеров элемента — 50% создаёт идеальный круг на квадратном элементе.

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

Да, генератор border-radius VUREX полностью бесплатный без регистрации. Генерируйте и копируйте CSS код border-radius без ограничений.