Генератор border-radius
Настройте border-radius для каждого угла независимо и смотрите, как форма меняется в реальном времени, затем скопируйте CSS.
Связать все углы
Частые вопросы
В чём разница с указанием одного значения border-radius?
Одно значение скругляет все четыре угла одинаково. Этот инструмент позволяет настроить каждый угол независимо, что полезно для эффектов вроде карточки со скруглёнными только верхними углами или асимметричной формы «капли».
В каких единицах измерения работает инструмент?
В пикселях. Если вам нужны радиусы в процентах (для идеальных кругов/эллипсов независимо от размера элемента), придётся вручную скорректировать сгенерированный CSS, заменив px на % в каждом значении.
Отправляется ли это куда-либо?
Нет, предпросмотр и CSS создаются полностью в вашем браузере. Ничего не загружается.