attributeType

Example

html,
body,
svg {
  height: 100%;
}

<svg viewBox="0 0 250 250" 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"
      repeatCount="indefinite" />
  </rect>
</svg>

Usage notes

CSS

This value specifies that the value of attributeName is the name of a CSS property defined as animatable.

XML

This value specifies that the value of attributeName is the name of an XML attribute defined as animatable in the default XML namespace for the target element.

auto

This value specifies that the implementation should match the attributeName to an attribute for the target element. User agents first search through the list of CSS properties for a matching property name, and if none is found, search the default XML namespace for the element.

Specifications

Browser compatibility

See also

• SVG animation with SMIL