Генератор радиуса границы

Генератор CSS Border Radius

Визуально создавайте скругленные углы для ваших CSS-элементов. Настраивайте каждый угол независимо, используйте эллиптические радиусы, выбирайте из предустановок и копируйте CSS-код — все с предпросмотром в реальном времени.

Как использовать

Выберите простой режим, чтобы установить все углы одновременно, или переключитесь в расширенный режим для индивидуального контроля углов. Включите эллиптический режим для отдельных горизонтальных и вертикальных радиусов. Используйте галерею предустановок для распространенных форм, таких как круги, пилюли и сквирклы. Скопируйте сгенерированный CSS, когда будете довольны результатом.

Функции

• Простой и расширенный режимы – Одинаковые углы или индивидуальный контроль для каждого угла
• Эллиптический радиус – Установите отдельные горизонтальные и вертикальные радиусы для каждого угла, чтобы создавать сложные формы
• Выбор единиц измерения – Переключайтесь между px, %, em и rem
• Галерея предустановок – Круг, пилюля, скругленная карточка, сквиркл, органический блоб, речевой пузырь и многое другое
• Живой просмотр – Наблюдайте за применением радиуса границы к блоку предварительного просмотра в реальном времени
• Копировать CSS – Копирование оптимизированного CSS-шортхенда в один клик