Add CSS transforms on SVG elements
I created a CSS-based grid system for my SVG sprite sheet using transforms, only to revert to transform attributes after it collapsed in IE9+.
Please add support for CSS transformation in SVG.
This work is now in Microsoft Edge Insiders Preview 17074 and higher.
"medium"? Turn this up to 11!
Scott Fowler commented
Do it. I want CSS Transforms!
Amelia Bellamy-Royds commented
Some relevant updates:
- The largest major issues for the spec (reference boxes for origin and percentage lengths) have been resolved: https://github.com/w3c/csswg-drafts/issues/857#issuecomment-296024182
- Firefox now supports transform-box in their alpha build (v55), although they'll require a few updates to match the latest spec resolutions: https://bugzilla.mozilla.org/show_bug.cgi?id=1371943
- Blink/Chromium is implementing transform-box and updating their existing implementation to match; the changes are currently behind a flag in Canary: https://bugs.chromium.org/p/chromium/issues/detail?id=595829
- WebKit has likewise landed an implementation in their nightly builds: https://bugs.webkit.org/show_bug.cgi?id=145783
Zvonko Jajic commented
And You still wonder why nobody is using Edge?
Also support this
This, indeed, would be quite NECESSARY.