🎨

Css Clip Path Generator

NEW

css · clip-path · shape · polygon · generator

Custom clip-path value

Background

clip-path: polygon(50% 0%, 0% 100%, 100% 100%);

polygon() — custom polygon with x y point pairs

circle(r at x y) — circular clip

ellipse(rx ry at x y) — elliptical clip

inset(top right bottom left round radius) — rectangular with optional rounding