max

You’re reading the English version of this content since no translation exists yet for this locale. Help us translate this article!

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
The definition of 'max' in that specification.
Editor's Draft No change
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
The definition of 'max' in that specification.
Recommendation Initial definition

Browser compatibility

No compatibility data found. Please contribute data for "svg.elements.animate.max" (depth: 1) to the MDN compatibility data repository.

See also