Skip to main content

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

Генерируйте CSS border-radius с индивидуальным управлением углами. Включает эллиптический радиус и популярные предустановки форм.

Предпросмотр

Настройка углов

px

Предустановки

Сгенерированный CSS

border-radius: 20px;
Поделиться
📖

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

Step 1

Настройте радиус

Настройте радиус

Настройте радиус каждого угла с помощью ползунков

Step 2

Предпросмотр

Предпросмотр

Просматривайте форму в реальном времени

Step 3

Скопируйте

Скопируйте

Скопируйте CSS-код для использования

Возможности

Индивидуальные углы

Независимая настройка каждого из 4 углов

Эллиптический радиус

Отдельная настройка горизонтального и вертикального радиуса

Предустановки

Доступны популярные предустановки форм

FAQ

Да, используйте единый режим для одинаковой настройки всех углов.

🔗Похожие инструменты

🎨
Инструменты для дизайна

Конвертер цветовых кодов

Конвертация между цветовыми кодами HEX, RGB и HSL. Используйте палитру цветов и предпросмотр в реальном времени для интуитивного выбора цвета.

🎨
Инструменты для дизайна

Палитра цветов

Выбирайте цвета с помощью цветового колеса и ползунков. Получайте и копируйте цветовые коды в форматах HEX, RGB и HSL.

🎨
Инструменты для дизайна

Извлечение цветов из изображения

Автоматическое определение доминирующих цветов изображения и генерация цветовой палитры. Также можно нажать на любую точку изображения для выбора цвета.

🎯
Инструменты для дизайна

Определение среднего цвета изображения

Вычисление среднего цвета всего изображения или выделенной области. Полезно для подбора цветовых схем или фоновых цветов миниатюр.

🌈
Инструменты для дизайна

Генератор CSS-градиентов

Визуально создавайте CSS-градиенты с помощью перетаскивания. Поддержка линейных, радиальных и конических градиентов с предустановками.

🔲
Инструменты для дизайна

Генератор CSS Box Shadow

Визуально создавайте CSS box-shadow с помощью ползунков. Поддержка нескольких теней и внутренних теней.