OzTools
CSS TOOLS

CSS Clip Path Generator.

Create clip-path shapes from presets or custom polygon points.

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

Three simple steps

How to use CSS Clip Path Generator

1

Choose shape

Pick a preset or custom polygon.

2

Adjust points

Use sliders/coordinates to refine shape.

3

Copy CSS

Copy the clip-path rule into your stylesheet.

Continue in / css

View the category
01CSS Gradient GeneratorGenerate linear and radial CSS gradients with live preview.02CSS Box Shadow GeneratorCreate custom box-shadow values with visual preview and copy CSS.03CSS Border Radius GeneratorAdjust all corner radii and generate border-radius CSS quickly.04CSS Glassmorphism GeneratorBuild frosted-glass cards with blur and transparency controls.05CSS Loader GeneratorGenerate animated CSS loaders including spinner, dots, bars and pulse.