Border Radius VS Clippy - CSS clip-path Generator

Border Radius mentions (0)

Clippy - CSS clip-path Generator mentions (23)

• Earth rescue - A CSS only game

  In the beginning I only had buttons to click, but then I guessed I could make small icons for the ecological disasters and I found Bennett Feely's CSS clip-path maker. Altough I know Adobe Illustrator and also wrote some SVG by hand, I was lazy to figure out all the shapes and I didn't want to include any images or vector graphics at all in this project. So that website came in very handy. - Source: dev.to / 4 days ago

• 5 ways to style text with CSS inspired by the Spider-verse

  To create this CSS glitch animation, we used the clip-path property. You can use Bennett Feely’s Clippy tool to generate clip-path properties in any of the preset shapes or to make a custom clip-path. Ours had only four points — what if yours has eight points like a spider? - Source: dev.to / about 2 months ago

• I made a CSS Frankenstein 👻

  Also, the hair fringe was perfectly suitable for a clip-path. I used this other cool website in order to better visualize what I was clipping. I basically want a triangle, so I can obtain it with:. - Source: dev.to / 6 months ago

• off-line clip-path editor?

  Is there an offline equivalent to the online "clippy" editor? Preferably one with more features? Source: 10 months ago

• Need help generating transform property for an image?

  However all of that is a lot of fiddly nonsense if you can just use a clip path: Https://bennettfeely.com/clippy/. Source: about 1 year ago