SVG | Web Platform Team Blog



Web Platform Team Blog

Making the web awesome

Posts Tagged SVG

Introducing Snap.svg: The Next Generation JavaScript Library for SVG Graphics

  Published by Jonathan Dunlap and Christian Cantrell Today the Adobe Web Platform Team is announcing version 0.1 of Snap.svg, a brand new JavaScript library for creating SVG. Snap.svg provides web developers with an intuitive and powerful API for animating and manipulating both existing SVG content and designs generated with Snap. Currently, the most popular... Continue reading →

SVG Styling

SVG is the standard scalable vector based graphics format for the web and it’s supported by all modern web browsers. SVG’s importance has grown with the increasing number of high resolution devices. JavaScript libraries like Raphaël can be used as shims to support Internet Explorer 6 – 8. The more people update to modern browsers,... Continue reading →

SVG animations, CSS Animations, CSS Transitions

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 attributes? In SVG, a subset of all CSS properties can be set by SVG attributes.... Continue reading →


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 example, let’s take a look at a simple interactive element, which animates its color and... Continue reading →