Настрой скругление углов, скопируй CSS или получи готовые пресеты.
CSS генератор border-radius от SGB.su — это удобный онлайн-инструмент, который помогает за считанные секунды подобрать идеальное скругление углов для любого элемента сайта: кнопок, карточек, изображений, блоков и форм. Вместо того чтобы вручную перебирать значения в коде и перезагружать страницу, вы настраиваете радиусы в визуальном редакторе и сразу видите результат.
Сервис даёт полный контроль над каждым углом: можно задать скругление отдельно для верхнего левого, верхнего правого, нижнего левого и нижнего правого угла, а если нужно — связать их между собой и менять все четыре одновременно одним слайдером. Доступны обе системы единиц — пиксели и проценты, что позволяет создавать как аккуратные скруглённые кнопки, так и полностью круглые элементы и сложные органические формы.
Готовый CSS-код формируется автоматически: как в короткой записи border-radius: 16px, так и в развёрнутой форме с отдельными значениями для каждой стороны. Результат копируется в один клик и сразу вставляется в любой CSS-файл, фреймворк или инлайн-стиль. Дополнительно есть режим предпросмотра, чтобы убедиться, что скругление выглядит корректно на разных устройствах.
Инструмент будет полезен верстальщикам, фронтенд-разработчикам, веб-дизайнерам и всем, кто делает сайты на CMS или пишет интерфейсы с нуля. Он экономит время на подборе значений и помогает избежать ошибок ручного расчёта. Сервис бесплатный, работает без регистрации и установки прямо в браузере.
Ключевые возможности: настройка каждого угла отдельно, связывание углов, единицы px и %, готовые пресеты, предпросмотр, копирование CSS в один клик.
Мы используем файлы cookie для улучшения вашего опыта на нашем сайте. Прочтите наше соглашение о конфиденциальности для получения дополнительной информации.