What is clip-path?
The CSS clip-path property restricts an element’s visible area to a shape — a basic shape function, an SVG path, or a reference to a <clipPath> element.
Also written as Clip-path
3 tools that work with clip-path
Files never leave your browser.
CSS Generators3
CSS Border Radius GeneratorDrag eight handles to shape every corner: elliptical radii, inverted corners and squircles.CSS Clip Path GeneratorCut an element to a polygon, circle, ellipse or inset, and copy the clip-path.CSS Shape GeneratorGenerate triangles, arrows, stars and other shapes using pure CSS.
Related terms
Terms that appear alongside clip-path on the same tools.