Генератор CSS border-radius
Генератор CSS border-radius с восемью независимыми угловыми маркерами, ползунками и живым предпросмотром скруглённой формы. Скопируйте готовый CSS-код, бесплатно в браузере.
border-radius: 50% 50% 50% 50%;Встроить
Последнее обновление: 2026 · Бесплатный онлайн-инструмент
Что такое Генератор CSS border-radius?
Генератор CSS border-radius с восемью независимыми угловыми маркерами, ползунками и живым предпросмотром скруглённой формы. Скопируйте готовый CSS-код, бесплатно в браузере.
Как использовать
- 1Настройка параметров— Настройте стиль с помощью ползунков и палитры цветов.
- 2Проверка предпросмотра— Проверьте результат в предпросмотре в реальном времени.
- 3Копирование кода— Скопируйте CSS или SVG код для использования в вашем проекте.
Связанные инструменты
Генератор CSS box-shadowГенератор CSS box-shadow с настройкой смещения, размытия, растяжения, цвета и inset и живым предпросмотром тени. Скопируйте готовый CSS-код, бесплатно в браузере.
Генератор CSS-градиентовВизуальный генератор CSS-градиентов: линейных, радиальных и конических. Добавляйте точки цвета, меняйте угол и копируйте готовый CSS для фонов и кнопок, бесплатно в браузере.
Генератор CSS FlexboxПесочница CSS Flexbox с визуальным редактором justify-content, align-items, flex-direction и wrap и живым предпросмотром вёрстки. Готовый CSS для контейнера — бесплатно в браузере.
Справочник единиц CSSСправочник единиц CSS px, em, rem, %, vw, vh, vmin, vmax и ch, сгруппированных по категориям. С понятными пояснениями к каждой абсолютной и относительной единице, бесплатно.
Часто задаваемые вопросы
Это бесплатный онлайн-инструмент для визуального редактирования 8-значного border-radius.
Да, предоставляются часто используемые стилевые пресеты.
Да, можно напрямую скопировать сгенерированный CSS-код.
Нет. Вся обработка выполняется в браузере.
Да, адаптивный дизайн работает на мобильных устройствах.