Tip, Bring Scalable Vector Graphics to life with built-in animation elements

Create and combine a range of animation effects

From the developerWorks archives

Brian Venn

Date archived: February 23, 2017 | First published: June 18, 2003

Scalable Vector Graphics (SVG) is an XML-based language for drawing two-dimensional graphics. Sound dull? Far from it. SVG has many exciting features available to it such as transformations, alpha masks, filter effects, and animation. This tip provides working examples to show you how to apply the five flavours of SVG animations to your SVG documents.

This content is no longer being updated or maintained. The full article is provided "as is" in a PDF file. Given the rapid evolution of technology, some steps and illustrations may have changed.



static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=1
Zone=XML
ArticleID=12286
ArticleTitle=Tip: Bring Scalable Vector Graphics to life with built-in animation elements
publish-date=06182003