SVG without SMIL: Google Chrome Kills Support
The History of SMILSMIL is short for „Synchronized Multimedia Integration Language“ and presents a simple way to animate SVG elements in many different ways. To do so, one of the SMIL elements „<animate>“, „<animateMotion>“ or „<animateTransform>“ is used as a "child" of the element you want to animate. Next to simple movements, rotation, scaling and shapeshifting are also possible.
<rect x="0" y="0" width="100" height="100"> <animate attributeName="x" from="0" to="500" dur="5s" /> </circle>The above example shows how a rectangle is moved on the x-axis via an „<animate>“ element. Although SVG animations have only gained popularity lately, the first SMIL approaches are more than 15 years old. 1999, SMIL 1.0 was passed by the W3C and in 2008, the current version 3.0 was passed. SMIL is not only suitable for the SVG format and creation of animations. As the name already tells, the markup language is used to implement multimedia content. That's why SMIL can also be used for audio and video formats. The HD DVD format, for example, uses SMIL to provide interactive content via HTML, CSS and SMIL. Version 2.0 added animation options for the SVG format in 2001.