UTILS.
100% в браузере

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

Настройте радиус каждого угла с живым предпросмотром и скопируйте CSS.

Об этом инструменте

Скругляйте каждый угол блока независимо с помощью четырёх ползунков и копируйте получившееся правило border-radius. Предпросмотр обновляется мгновенно, всё работает в браузере.

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

В каком порядке указываются углы?
В сокращённой записи они перечисляются по часовой стрелке начиная с верхнего левого: верхний левый, верхний правый, нижний правый, затем нижний левый.
Можно ли сделать круг?
Задайте каждому углу половину ширины элемента (или больше) на квадратном блоке — и он превратится в идеальный круг.

Больше инструментов