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
Qoto Mastodon

QOTO: Question Others to Teach Ourselves
An inclusive, Academic Freedom, instance
All cultures welcome.
Hate speech and harassment strictly forbidden.