SVG animation

This article has multiple issues. Please help improve it or discuss these issues on the talk page. (Learn how and when to remove these template messages) This article needs to be updated. Please help update this article to reflect recent events or newly available information. (February 2010) This article's tone or style may not reflect the encyclopedic tone used on Wikipedia. See Wikipedia's guide to writing better articles for suggestions. (August 2014) (Learn how and when to remove this message) (Learn how and when to remove this message)

Animation of Scalable Vector Graphics, an open XML-based standard vector graphics format is possible through various means:

• Scripting: ECMAScript is a primary means of creating animations and interactive user interfaces within SVG.
• Styling: Since 2008, the development of CSS Animations as a feature in WebKit has made possible stylesheet-driven implicit animation of SVG files from within the Document Object Model (DOM).
• SMIL: Synchronized Multimedia Integration Language, a recommended means^[1][2][3][4] of animating SVG-based hypermedia, supported by the Amaya (2003)^[5] Opera (2006),^[6] Mozilla Firefox (2011),^[7] Google Chrome (2016) and Safari (2017) web browsers,^[8] and any browser that aims to pass the Acid3 web standards test of 2008 (i.e. before the test's "simplification" in 2011) as this requires SMIL support for tests 75 and 76.

Libraries have also been written as a shim to give current SVG-enabled browsers SMIL support.^[9] This method is also known as SVG+Time.^{[citation needed]}

Because SVG supports Portable Network Graphics (PNG) and JPEG raster images, it can be used to animate such images as an alternative to APNG and Multiple-image Network Graphics (MNG).