Web Platform Team Blog

Making the web awesome

CSS transform-origin coming to SVG

Much effort is being invested in improving the integration of CSS and SVG.  Recently Dirk Schulze and Hans Muller added SVG support for the CSS transform-origin property to WebKit. Hans has written an article about transform-origin in general and about the new SVG support here.

If your web pages and applications incorporate non-trivial graphics or animations, you should find this post interesting.  The semantics of the transform-origin CSS property are covered in some detail, along with the truth about specifying the property portably in CSS and in JavaScript.  Animated examples in SVG and JavaScript are also provided – enjoy!

Comments are closed.