Follow

Does anyone know a good tool for that I can use to draw shapes and output clip paths for use in /#CSS that work to clip stuff?

What I'm getting from is not clipping my divs correctly. Here's a MWE:

jsfiddle.net/gawLvzqu/

(There should be three divs there, with the left two clipped on rounded triangles)

Some of the shapes I want to draw can be accomplished easily enough with regular CSS polygons, but I want to clip with something like star, crescent moon, teardrop, heart. I would much prefer to build that stuff in Inkscape or something.

@pganssle Figma allows you to draw a shape and then right-click on it and "Copy to SVG". Then you can paste the SVG code anywhere, it will be like a <svg> tag with <path> inside, which can be used for clipping mask?

Sign in to participate in the conversation
CleverLibre Social

CleverLibre Social is an inclusive social instance for open discussion, learning, and community.
All cultures welcome.
Hate speech and harassment strictly forbidden.