SVG <animate> Element (original) (raw)

Last Updated : 16 Jun, 2022

SVG stands for Scalable Vector Graphic. It can be used to make graphics and animations like in HTML canvas.

The SVG element is used to animate an attribute or property of an element over time. It's normally inserted inside the element which we want to animate.

Syntax:

Attributes:

• Animation Attributes: Attributes used to give animation effects, exp timing attributes, event attributes, and value attributes, etc.
• Global Attributes: some global attributes used like core attributes and styling attributes, etc.

Below given are a few examples of the above element:

Example 1:

html `

`

Output:

Example 2:

html `

GeeksforGeeks

SVG animate element

`

Output:

Browsers Supported: The following browsers are supported by this SVG element:

• Chrome 2 and above
• Edge 79 and above
• Firefox 4 and above
• Safari 4 and above
• Opera 9 and above
• Internet Explorer not supported