Skip to main content
DevTools24

Генератор Border Radius

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

border-radius: 16px;
Top Left
16px
Top Right
16px
Bottom Left
16px
Bottom Right
16px

CSS свойство border-radius - Технические детали

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

Альтернатива командной строки

.card {\n  border-radius: 16px 16px 8px 8px;\n}\n\n.blob {\n  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;\n}

Справка

Посмотреть официальную спецификацию