attributeName

« SVG Attribute reference home

This attribute indicates the name of the attribute in the parent element that is going to be changed during an animation. 

Usage context

Example

This example uses y as the attributeName to animate a rectangle shape by changing its position on the Y axis.

<?xml version="1.0"?>
<svg width="250" height="250"
  viewPort="0 0 250 250" version="1.1"
  xmlns="https://www.w3.org/2000/svg">
  <rect x="50" y="50" width="100" height="100">
    <animate attributeType="XML"
      attributeName="y"
      from="0" to="50"
      dur="5s"/>
  </rect>
</svg>

Elements

The following elements can use the attributeName attribute

• <animate>
• <animatecolor>
• <animatetransform>
• <set>