Bookmarksimple-bookmark

MENU

CSS Clips

Want to create basic shapes in CSS? The clip-path property allows you to do just that. To make it even easier, click the images below to generate the clip-path you want.

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