Как сделать круг?

Задайте border-radius: 50% элементу с одинаковыми шириной и высотой. У прямоугольника 50% даёт эллипс, а большое значение в пикселях — капсулу с прямыми сторонами.

Что означает косая черта в border-radius?

Она отделяет горизонтальные радиусы от вертикальных, так что каждый угол может быть четвертью эллипса, а не четвертью круга. Органичные blob-фигуры используют именно такую запись.

Генератор скругления углов

Скругляйте каждый угол, переключайтесь на эллиптические радиусы и перетаскивайте маркеры на сторонах, чтобы лепить blob-фигуры. Копируйте CSS border-radius или Tailwind.

Предпросмотр в реальном времени

Переключитесь на %, чтобы лепить фигуру маркерами на сторонах.

border-radius: 24px;

Все данные остаются в вашем браузере.

Справочники по форматам

MDN — border-radius

Страница инструмента обновлена: 2026-10-25

Предпросмотр в реальном времени

Инструкция и пример

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

Справочники по форматам