attributeName

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"
  viewBox="0 0 250 250" version="1.1"
  xmlns="http://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>