UTILS.
Приватность по умолчанию
⬭

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

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

Ваши файлы остаются на этом устройстве

Файлы обрабатываются в браузере и не отправляются на сервер. Сайт загружает код и ресурсы для работы инструментов. Без аккаунтов и трекеров.

Нажмите «Скачать», чтобы сохранить инструмент одним HTML-файлом для работы офлайн.

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

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

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

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

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

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