Инструмент создаёт CSS border-radius визуально: двигаете ползунки для каждого угла отдельно или сразу всех, переключаете пиксели/проценты, настраиваете эллиптическое скругление (два значения через `/`) — и получаете готовый CSS. Поддерживается полная 8-значная запись: `border-radius: 10px 20px 30px 40px / 5px 15px 25px 35px;`.
Генератор используется для оформления кнопок, карточек, аватарок, blob-форм на лендингах, squircle-иконок в стиле iOS. Код совместим с Tailwind (`rounded-*` или arbitrary `rounded-[30%_70%]`), Bootstrap (`.rounded-pill`, `.rounded-circle`) и CSS-переменными. Работает во всех современных браузерах.
Есть пресеты: circle, pill, squircle, iOS app icon, Material Design token radii. Можно экспортировать в CSS-переменные дизайн-системы (`--radius-sm`, `--radius-md`) или Figma Tokens.
Выберите режим — «все углы одинаково» или «каждый угол отдельно».
Двигайте ползунки, наблюдайте превью в реальном времени.
Бесплатный виджет с бэклинком на ваш сайт
Загрузка…
Для корректного взаимодействия API используйте основные HTTP‑коды: 200 — успех, 201 — создано, 400 — ошибка запроса, 401 — неавторизовано, 404 — не найдено и 500 — ошибка сервера.
Диаграммы архитектуры сохраняют критическую роль в DevOps, обеспечивая визуальное согласование, ускоряя автоматизацию и снижая риски внедрения новых сервисов.
PostgreSQL Benchmarking Tool измеряет производительность запросов за секунды, а оптимизация JOIN в SQLite сокращает время выполнения до 30 % уже в 2026 году.
border-radius: 20px 20px 20px 20px;При необходимости включите эллиптический режим (X / Y).
Скопируйте CSS или Tailwind-класс.
Настройка каждого угла отдельно или всех одновременно.
Синтаксис `X / Y` для эллиптического скругления — blob-формы и squircle.
Для эластичных элементов — проценты, для фиксированных — пиксели.
Circle, pill, squircle, iOS-иконка, Material token radii.
Экспорт в arbitrary Tailwind или `--radius-*` токены.
Для лучших результатов используйте современный браузер (Chrome, Firefox, Edge)
Все файлы обрабатываются локально в вашем браузере для максимальной безопасности
Сохраняйте результат сразу после обработки
Попробуйте разные настройки для оптимального результата
Squircle (iOS app icon) использует суперэллипс — более плавные «непрерывные» кривые. В CSS приближение достигается эллиптическими радиусами вида `border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%`. Точный squircle доступен через SVG или CSS Houdini.
Используйте длинные свойства: `border-top-left-radius: 12px; border-top-right-radius: 12px;` или короткую запись `border-radius: 12px 12px 0 0`.
Проценты считаются от ширины и высоты элемента: 50% на квадрате даёт круг, а на прямоугольнике — эллипс. Для фиксированной формы используйте px, для адаптивной — %.
Задайте 8 разных значений через `/`: `border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%`. Инструмент генерирует случайные blob-пресеты одной кнопкой.
По умолчанию — только фон и рамку. Чтобы обрезать картинки и дочерние элементы, добавьте `overflow: hidden` на родителе.
Создайте QR-код из текста, URL или данных