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

border-radius: 50% 50% 50% 50%;

↖ H: 50%

↗ H: 50%

↘ H: 50%

↙ H: 50%

↖ V: 50%

↗ V: 50%

↘ V: 50%

↙ V: 50%

Последнее обновление: 2026 · Бесплатный онлайн-инструмент

Что такое Генератор CSS border-radius?

Бесплатный онлайн-редактор CSS border-radius с 8 управляющими точками

1
Настройка параметров — Настройте стиль с помощью ползунков и палитры цветов.
2
Проверка предпросмотра — Проверьте результат в предпросмотре в реальном времени.
3
Копирование кода — Скопируйте CSS или SVG код для использования в вашем проекте.

Это бесплатный онлайн-инструмент для визуального редактирования 8-значного border-radius.

Да, предоставляются часто используемые стилевые пресеты.

Да, можно напрямую скопировать сгенерированный CSS-код.

Нет. Вся обработка выполняется в браузере.

Да, адаптивный дизайн работает на мобильных устройствах.