Clip-Path Maker

A tool to drag points on an image to create custom shapes (triangles, polygons, stars) using clip-path.

Standard generic shapes provided. For complex custom polygons, use an external heavy-duty tool.

CSS Code

Features

  • Predefined Shapes: Quickly apply common clip-path shapes like Circles, Polygons, and Stars.
  • Image Masking: See how the clip-path affects an actual image.
  • Quick Cop: Obtain the CSS code instantly.

How to Use

  1. Select a shape from the dropdown menu.
  2. Preview the result on the image.
  3. Copy the `clip-path` property.