Border Radius генератор — с примерами кода

Создайте CSS border-radius визуально Примеры кода и подсказки по использованию.

⬜

Border Radius генератор

Создайте CSS border-radius визуально

Связать углы

Верх-лево: 20px

Верх-право: 20px

Низ-право: 20px

Низ-лево: 20px

CSS

border-radius: 20px 20px 20px 20px;

📋

Как пользоваться

1
Перетаскивайте ползунки.
2
Смотрите предпросмотр.
3
Скопируйте CSS.

📖

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

Настройте скругление углов визуально. Индивидуальные значения для каждого угла. Создавайте сложные формы и копируйте CSS.

💡

Полезные советы

💡

Для лучших результатов используйте современный браузер (Chrome, Firefox, Edge)

🎯

Все файлы обрабатываются локально в вашем браузере для максимальной безопасности

⚡

Сохраняйте результат сразу после обработки

🔑

Попробуйте разные настройки для оптимального результата

❓

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

Да, каждый угол отдельно.

Да, горизонтальный и вертикальный радиусы отдельно.

Border Radius генератор — с примерами кода

Border Radius генератор

Как пользоваться

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

Полезные советы

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

Похожие инструменты

JSON Formatter

Base64 кодирование

Генератор паролей

Генератор QR-кодов

Border Radius генератор — с примерами кода

Border Radius генератор

Как пользоваться

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

Полезные советы

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

Похожие инструменты

JSON Formatter

Base64 кодирование

Генератор паролей

Генератор QR-кодов