max

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

You can use this attribute with the following SVG elements:

Example

<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 for svg.elements.animate.max.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.

See also

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/max