Category Archives: Transforms

SVG animations, CSS Animations, CSS Transitions

Posted on March 30, 2012 by dschulze

Recently there was a discussion in the SVG working group how SVG Animations (based on SMIL Animations), CSS3 Animations and CSS3 Transitions contribute to the animation sandwich model for SVG presentation attributes. SVG presentation attributes First, what are SVG presentation … Continue reading →

Posted in Tips and Tricks, Transforms | Tagged , | 4 Comments

CSS transform-origin coming to SVG

Posted on March 29, 2012 by Deepa Subramaniam

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 … Continue reading →

Posted in Transforms | Leave a comment

CSS & SVG

Posted on January 31, 2012 by bear

With the addition of CSS transitions and transforms, web developers can create interactive content with relatively simple markup. Understanding how to use these features with SVG, which has its own transform and animation systems, can be a little difficult. For … Continue reading →

Posted in Transforms | Tagged , | 1 Comment