Що таке Генератор CSS-радіусів рамок?
Безкоштовний онлайн-генератор CSS-радіусів рамок. Налаштовуйте радіуси закруглення для кожного кута за допомогою візуальних елементів керування.
Безкоштовний онлайн-генератор CSS-радіусів рамок. Налаштовуйте радіуси закруглення для кожного кута за допомогою візуальних елементів керування.
Налаштуйте sliders for each corner (top-left, top-right, bottom-right, bottom-left).
Ввімкніть between px and % units.
Preview the border radius live.
Скопіюйте the CSS code.
border-radius rounds the corners of an element. It accepts 1-4 values for each corner. For example, border-radius: 10px 20px 30px 40px sets top-left, top-right, bottom-right, and bottom-left respectively.
Встановіть border-radius: 50% on a square element (equal width and height). This creates a perfect circle.
Безкоштовний онлайн-інструмент — працює у вашому браузері, без реєстрації. Почніть прямо зараз.
СпробуватиAll free online tools for developers, designers, students, and creators.
Every tool works in your browser — no sign-up, no data collection.