Post

⚙️ New CSS Generator! Save this link for the future. A tool to easily convert any SVG shape into a CSS one in no time. Powered by the new shape() function! 🤩 css-generators.com/svg-to-css/ ✅ Single-element ✅ Responsive ✅ No more ViewBox headaches

I want a “SVG lite” standard that’s essentially just the path attribute specified in a standalone standard – it’s by far the most valuable part of SVG and deserves “liberation” from an otherwise very large and complex spec

If combined with a couple of other basic operations on top, like in Android’s VectorDrawable, then it’s pretty much all that one need for most things

I collaborated a bit with ChatGPT to flesh out the ideas: gist.github.com/voxpelli/e7c... I do not mean that SVG is enough, rather that the path element should be allowed to shine on its own as it can do stuff like what you are pointing out :)

path cannot do what I want. The converter I am sharing is not the goal of using shape(), it's a tool to help with more complex stuff I want to achieve. See the Spec to understand why shape() was created: drafts.csswg.org/css-shapes-2...

Um, okay, that was kind of hard to decipher as the only input on that page is a path, I will check your link, sorry for praising paths 🙈