Генератор CSS Clip Path

Создавайте фигуры прямо на холсте. Перетаскивайте точки многоугольника, пробуйте округлые формы и экспортируйте CSS или SVG.

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

Перетащите точку. Клавиши со стрелками перемещают её; Shift увеличивает шаг до 10%. Delete удаляет точку.

clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);

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

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

MDN — clip-path

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