max

The max attribute specifies the maximum value of the active animation duration.

Five elements are using this attribute: <animate>, <animateColor>, <animateMotion>, <animateTransform>, and <set>

<svg viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
  <circle cx="60" cy="10" r="10">
    <animate attributeName="cx" dur="4s" max="6s" repeatCount="indefinite"
        values="60 ; 110 ; 60 ; 10 ; 60" keyTimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1"/>
    <animate attributeName="cy" dur="4s" max="6s" repeatCount="indefinite"
        values="10 ; 60 ; 110 ; 60 ; 10" keyTimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1"/>
  </circle>
</svg>

Usage notes

Value <clock-value>
Default value None
Animatable No
<clock-value>

Specifies the length of the maximum value of the active duration, measured in local time. The value must be greater than 0.

Specifications

Specification Status Comment
SVG Animations Level 2
max
Editor's Draft No change
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
max
Recommendation Initial definition

Browser compatibility

No compatibility data found for svg.elements.animate.max.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.

See also