Генератор CSS border-radius
Визуально создавайте сложные значения border-radius в CSS. Независимое управление каждым углом.
border-radius: 20px 20px 20px 20px;
Что такое генератор CSS border-radius?
Свойство CSS border-radius принимает до четырёх значений, по одному на угол, в порядке: верхний левый, верхний правый, нижний правый и нижний левый. Сочетайте разные радиусы для органических форм-капель, асимметричных карточек или стилей речевых пузырей. Этот инструмент позволяет настраивать каждый угол ползунками и видеть результат в реальном времени.
Часто задаваемые вопросы
А как насчёт эллиптических радиусов?▼
Похожие инструменты
Конвертер цвета (HEX/RGB/HSL)
Преобразует цвета между форматами HEX, RGB и HSL. Выберите цвет визуально или введите значения вручную.
Генератор CSS box-shadow
Визуально создавайте значения box-shadow в CSS. Предпросмотр в реальном времени и копирование сгенерированного CSS.
Генератор CSS-градиентов
Создавайте линейные и радиальные CSS-градиенты. Выбирайте цвета визуально и копируйте сгенерированный CSS.
Генератор кривых ускорения cubic-bezier
Создаёт кривые ускорения cubic-bezier для CSS. Включает стандартные предустановки.
Генератор цветовых палитр
Генерирует гармоничные цветовые палитры на основе любого базового цвета. Поддерживает комплементарные, аналоговые, триадические и монохроматические схемы.
Генератор CSS clamp()
Генерирует плавные адаптивные значения CSS с помощью clamp(). Плавно масштабируется между минимальным и максимальным размерами в пределах диапазонов области просмотра.