Безкоштовно, без облікового запису
CSS Генератор радіусів кордону
Сформуйте кожен кут окремо, включаючи еліптичні горизонтальні та вертикальні радіуси. Перегляньте результат і скопіюйте компактний CSS.
Як генерувати значення CSS border-radius?
Виберіть пікселі або відсотки, налаштуйте горизонтальний і вертикальний радіус для кожного кута, а потім скопіюйте згенеровану декларацію border-radius. CSS може пропорційно нормалізувати радіуси, що перекриваються, щоб відповідати елементу.
Поширені запитання
Як генерувати значення CSS border-radius?
Виберіть пікселі або відсотки, налаштуйте горизонтальний і вертикальний радіус для кожного кута, а потім скопіюйте згенеровану декларацію border-radius. CSS може пропорційно нормалізувати радіуси, що перекриваються, щоб відповідати елементу.
Чи завантажено мій CSS або дизайн?
Ні. Попередній перегляд і CSS створюються на цій вкладці браузера. Немає завантаження, облікового запису, виклику API чи автоматичного збереження.
Чи може кожен кут мати інший радіус?
Так. Установіть окремі значення по горизонталі та вертикалі для верхнього лівого, верхнього правого, нижнього правого та нижнього лівого кутів.
Що означає похила риска в border-radius?
Він відділяє горизонтальні радіуси від вертикальних, утворюючи еліптичні кути. Якщо кожен кут використовує однакові горизонтальні та вертикальні значення, генератор пропускає косу риску.
Чому попередній перегляд може виглядати меншим за значення?
CSS пропорційно нормалізує радіуси, які перекриватимуться на краю. Це стандартна поведінка браузера, яка також застосовується в цьому попередньому перегляді.