Does anyone know a good tool for #linux that I can use to draw shapes and output clip paths for use in #HTML/#CSS that work to clip stuff?
What I'm getting from #inkscape is not clipping my divs correctly. Here's a MWE:
https://jsfiddle.net/gawLvzqu/
(There should be three divs there, with the left two clipped on rounded triangles)
Follow
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?