Генератор clip-path CSS
Создавайте CSS clip-path фигуры с предпросмотром в реальном времени. Круги, эллипсы, вставки и многоугольники с пресетами. Бесплатно, 100% в браузере.
50%
50%
50%
Справка
О CSS clip-path
CSS clip-path создаёт область обрезки, которая определяет видимую часть элемента. Всё за пределами области скрывается.
Фигуры
circle() — круг с заданным радиусом. ellipse() — эллипс с двумя радиусами. inset() — прямоугольник с опциональным скруглением. polygon() — произвольный многоугольник из точек.
Конфиденциальность
Вся обработка выполняется на 100% в вашем браузере. Данные никогда не отправляются на сервер.