Генератор радіусів меж

Контролюйте кожен кут незалежно та переглядайте закруглені форми. Скопіюйте скорочений або довгий CSS з радіусом кордону.

Border Radius Generator

Live

Link all corners

All corners24px

CSS output

border-radius: 24px;

Key capabilities

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

Як користуватися

Перетягніть радіус кожного кута.
За бажанням можна розблокувати пов’язані кути.
Скопіюйте CSS-радіус кордону.

How this tool works

Перетягніть радіус кожного кута.
За бажанням можна розблокувати пов’язані кути.
Скопіюйте CSS-радіус кордону.

Recommended settings

Спочатку скористайтеся параметрами за замовчуванням, а потім відкоригуйте, якщо потрібно

Supported formats

Text / on-page input

File size and limits

Дуже складні багатошарові попередні перегляди можуть працювати повільніше на старих телефонах.

Privacy

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

Common use cases

Використовуйте Border Radius Generator, коли вам потрібно: контролюйте кожен кут незалежно та переглядайте закруглені форми за допомогою CSS, готового до копіювання.

Troubleshooting

Після вставлення попередній перегляд виглядає інакше

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

FAQ

Це завантажує мій CSS?

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

Чи потрібен мені обліковий запис?

Ні. Відкрийте інструмент, налаштуйте елементи керування та скопіюйте CSS.