Генератор CSS border-radius

Скругляйте углы элементов и копируйте CSS.

Верхний левый: 20pxВерхний правый: 20pxНижний правый: 20pxНижний левый: 20px

border-radius: 20px;

Настройте радиус каждого угла с предпросмотром в реальном времени и скопируйте CSS border-radius.

Как использовать

Настройте радиус каждого угла.
Наблюдайте за предпросмотром в реальном времени.
Скопируйте CSS.

Частые вопросы

Могут ли углы отличаться?: Да, задайте каждый угол независимо для нестандартных форм.
Какие единицы используются?: Пиксели; отредактируйте скопированный CSS, если предпочитаете проценты.

Похожие инструменты