Найкраще безкоштовно Генератор радіуса CSS
Наочно заокруглені кути елементів - за жолуді або пов' язані, px/%/em - з живим переглядом і копією.
100% вільно
Без підписки
Без водяного знаку
✨
Ідіть вперед за найкращими моделями ♫ Зображення, відео та tty ♫ плюс більші вивантаження, пріоритет у черзі і не чекати.
Оновлення до Pro
Любов Best.Free? Діліться ним
Як це працює
- Встановити кути. Перетягніть кожен повзунок кута або утримуйте зв' язок між усіма кутами, щоб пересунути їх разом.
- Переглядати попередній перегляд. Під час перетягування ви перемикаєте вказівник миші на поле з комбінацією,% або em у пунктах Додаткові.
- Копіювати CSS. Натисніть кнопку Копіювати CSS і вставити правило межі- radius до вашої таблиці стилів.
Про цей інструмент
Заокруглити кути елемента точно так, як вам потрібно. Перетягніть повзунок для кожного з чотирьох кутів - або зведіть їх так, щоб один повзунок рухався по чотирьох - у іншому полі перегляду буде показано результат. Копіюйте CSS- межі, який згорнеться до одного значення, якщо кожен кут збігається з чотиризначністю, якщо він відрізняється. Додаткові параметри перемикають одиницю між px,% і em, отже, ви також можете будувати форми табуляцію з відсотковим значенням.
Для чого люди використовують його?
- Раунд-карта, кнопка і кути зображень
- Створити таблетку або повнообмежену форму
- Встановити різні радії на окремих кутах
- Використовувати об' єм відсотків для кіл та овалів
Часті запитання
Так. Вимкніть Посилання на всі кути і кожен повзунок керує одним кутом; CSS потім використовує форму чотири значення (верхня ліворуч, верхня права, нижня права, нижня ліва).
Якщо його буде позначено, перетягування будь- якого повзунка призведе до пересування всіх чотирьох кутів разом, а з падінням CSS до одного значення.
Відсотки округлюються відносно розміру коробки, отже 50% на клітинці створює коло і лусує його за допомогою елемента. Пікселі дають фіксований радіус.
Встановити великий радіус на всіх кутах; для справжньої пілюлі радіус половини елемента, або 50%, повністю обгорне кінець.
Ні. Повзунки обчислюють рядок CSS локально у вашому переглядачі.
Повночасно, без рахунку і без обмежень ведь клієнт-сасіда інструмент без нічого до метра.
Так. Він працює у вашому переглядачі, отже, генератор радіуса CSS працює на телефонах і таблицях, а також на стільниці, - немає програми для встановлення.
Зазвичай, лише декілька секунд для типового файла - створення радіусу CSS починає працювати одразу після того, як ви надасте йому вхідні дані.
Взаємне використання необмежене, у щедрому справедливому капелюсі, який тримає його швидким для всіх.
Всі сучасні переглядачі - Хром, Safari, Firefox і Edge. Створення радіуса CSS не потребує нічого, окрім вже встановленого переглядача.