max

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

You can use this attribute with the following SVG elements:

Example

html

<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
SVG Animations Level 2
# MaxAttribute

See also