SVG animation with SMIL

Synchronized Multimedia Integration Language (SMIL) is an XML-based language for writing interactive multimedia presentations. Authors can use SMIL syntax in other XML-based languages to define the timing and layout of elements for animation.

SMIL allows you to:

• animate the numeric attributes of an element (x, y, etc.)
• animate transform attributes (translation, rotate, etc.)
• animate color attributes
• follow a motion path

The following sections show how to use SMIL in SVG for these four use cases.