CSS Border Radius Generator
Налаштування
Статус
Очікування
Живе прев’ю
Що таке CSS Border Radius Generator?
Цей інструмент допомагає генерувати CSS border-radius для заокруглених кутів.
Він корисний для кнопок, карток, полів вводу, модалок, аватарів і сучасних UI-компонентів.
Як користуватися CSS Border Radius Generator
- Налаштуйте значення кутів через інпути або повзунки.
- Залиште всі кути зв’язаними або редагуйте кожен окремо.
- Скопіюйте згенероване значення border-radius або повне CSS-правило.
- Вставте існуюче значення border-radius, щоб розібрати його і відредагувати.
Поради
- Одне значення зручно для однаково заокруглених кутів.
- Чотири значення підходять для більш нестандартних форм.
- Заокруглення добре поєднується з box-shadow і gradient.
- Великі значення border-radius підходять для pill і capsule кнопок.
Пов’язані інструменти
Можливо, тобі також стануть у пригоді ці інструменти.
CSS Box Shadow Generator / Parser
Генеруйте, парсьте та переглядайте CSS box-shadow онлайн. Налаштовуйте offset, blur, spread, color та inset.
Інші інструменти
›
CSS Gradient Generator
Генеруйте, парсьте та переглядайте CSS linear і radial gradients онлайн. Безкоштовний генератор градієнтів для розробників і дизайнерів.
Інші інструменти
›
CSS Clip-Path Generator
Генератор і парсер CSS clip-path для polygon, circle, ellipse та inset.
Інші інструменти
›
Color Converter
Конвертуй HEX, RGB, RGBA і HSL миттєво у браузері.
Інші інструменти
›
Питання про CSS Border Radius
Чи можна редагувати всі чотири кути окремо?
Так. Вимкніть зв’язування кутів і задайте кожен кут окремо.
Чи вміє цей інструмент розбирати готовий CSS border-radius?
Так. Ви можете вставити значення border-radius або повний CSS-запис.
Чи підтримуються px і відсотки?
Так. Можна використовувати значення на кшталт 16px або 50%.
Чи оновлюється прев’ю в реальному часі?
Так. Прев’ю оновлюється під час зміни значень.