CSS Clip Path Generator by Simple CSS

Bookmarksimple-bookmark

MENU

CSS Clip Path Generator

Want to create basic shapes with CSS? The clip-path property allows you to clip a HTML element. To make it even easier, click the images below to generate the clip path you want. Wanting to know about browser support? Caniuse.com maintains data for 15 different browsers.

X

frog-image

Triangle

frog-image

Rhombus

frog-image

Octagon

frog-image

Nonagon

frog-image

Left Arrow

frog-image

Right Arrow

frog-image

Star

frog-image

Cross

frog-image

Frame

frog-image

Circle

frog-image

Bevel

frog-image