Clippy - CSS Clip-path Maker mentions (24)

• Frontend resources! 🚀

  Clip path: Get creative with shapes using Clippy. - Source: dev.to / about 1 month ago

• 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 / 2 months 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 / 4 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 / 8 months ago

• off-line clip-path editor?

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

Design Hunt mentions (0)