Генератор Border Radius
Скругляйте каждый угол ползунками, создавайте органичные формы в эллиптическом режиме и мгновенно копируйте CSS.
Каждый угол отрисовывается прямо в вашем браузере. Никакие заданные вами параметры не отправляются на BroBroGo.
Частые вопросы
Как работают настройки четырех углов и разница между px и %?
Четыре ползунка соответствуют углам по часовой стрелке: сверху слева, сверху справа, снизу справа и снизу слева. В пикселях угол скругляется на фиксированную величину; в процентах — относительно размеров блока (горизонтальный процент зависит от ширины, вертикальный — от высоты, поэтому 50% превращают квадрат в круг).
Что делает эллиптический режим?
Если этот режим выключен, каждый угол представляет собой четверть круга с одним радиусом. Включите его, и у каждого угла появятся отдельные горизонтальный и вертикальный радиусы — именно так создаются мягкие, органические формы-«кляксы». Генератор сам запишет код через косую черту (слэш) и вернется к краткой форме, как только углы снова станут круглыми.
Как сделать идеальный круг или кнопку-пилюлю?
Свяжите углы, переключите единицы измерения на проценты и установите значение 50%: квадрат превратится в круг. Для создания кнопки-пилюли оставьте пиксели и перетащите ползунок угла дальше половины высоты кнопки — боковые стороны останутся полностью скругленными при любой ширине. Пресет «Круг» настраивает первый вариант в один клик.