Генератор радиуса границы

Управляйте каждым углом независимо и просматривайте закругленные формы. Скопируйте сокращенный или полный CSS-код border-radius.

Border Radius Generator

Live

Link all corners

All corners24px

CSS output

border-radius: 24px;

Key capabilities

Управляйте каждым углом независимо и просматривайте закругленные формы с помощью готового к копированию CSS.
Запускается в вашем браузере
Бесплатное использование

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

Перетащите каждый угловой радиус.
При желании разблокируйте связанные углы.
Скопируйте CSS-код border-radius.

How this tool works

Перетащите каждый угловой радиус.
При желании разблокируйте связанные углы.
Скопируйте CSS-код border-radius.

Recommended settings

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

Supported formats

Text / on-page input

File size and limits

Очень сложные многослойные предварительные просмотры могут работать медленнее на старых телефонах.

Privacy

Генераторы цвета и CSS полностью работают в вашем браузере. Предварительный просмотр и преобразование никогда не загружают ваши стили.

Common use cases

Используйте генератор радиусов границ, когда вам нужно: управляйте каждым углом независимо и просматривайте закругленные формы с помощью готового к копированию CSS.

Troubleshooting

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

Проверьте наличие конкурирующих CSS на вашей странице (сбросы, унаследованные цвета). Сначала скопируйте сгенерированное правило в изолированную таблицу стилей.

FAQ

Это загружает мой CSS?

Нет. Генераторы и преобразователи запускаются в вашем браузере с предварительным просмотром в реальном времени.

Нужен ли мне аккаунт?

Нет. Откройте инструмент, настройте элементы управления и скопируйте CSS.