Генератор border-radius
Конструктор скруглений углов CSS. Все углы одинаково или каждый отдельно, превью прямоугольника.
О сервисе
Конструктор скруглений углов CSS. Переключатель «все углы одинаково» или каждый угол отдельно. Превью с реальным блоком, копирование готового CSS.
Что умеет
- Режим «все углы одинаково» одним слайдером
- Режим «каждый угол отдельно» (TL, TR, BR, BL)
- Слайдеры от 0 до 200 px
- Превью с прямоугольником 240×160
- Копирование CSS в один клик
Как работает
В универсальном режиме генерирует одно значение «Npx». В детальном — четыре «TL TR BR BL» в порядке по часовой стрелке от верхнего-левого.
Пример
border-radius: 16px — стандартный radius для карточек. 9999px — пилюля. 50% — круг.
Нужен подобный сервис для вашего сайта или сложный сценарий — пишите, разработаю под задачи.
Похожие инструменты
Генератор clip-path
Готовые формы clip-path: треугольник, ромб, шестиугольник, звезда, стрелка и др. Превью + готовый CSS.
Генератор CSS box-shadow
Конструктор тени для блоков с превью карточки. Слайдеры X/Y/blur/spread, цвет, режим inset, несколько теней.
Генератор CSS-анимации
Готовые @keyframes анимации: fade, bounce, shake, pulse, spin, slideIn. Слайдеры длительности, повторов и timing-функции.
Генератор CSS-градиента
Визуальный конструктор linear- и radial-градиентов. Color stops, угол наклона, готовый CSS-код.
Конвертер px → rem / em / vw
Перевод значений CSS из пикселей в rem, em, vw, vh, % и обратно. Настраиваемый root font-size, ширина и высота вьюпорта.
Конструктор Flexbox
Визуальный конструктор Flexbox: justify-content, align-items, gap, direction. Превью с цветными блоками + готовый CSS контейнера.
Сделаю такой же сервис под вашу задачу
Внутренние инструменты для сотрудников, публичные сервисы для клиентов, конвертеры и генераторы. Напишите — обсудим.
