min

The min attribute specifies the minimum value of the active animation duration.

You can use this attribute with the following SVG elements:

Example

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

<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" min="2s" repeatCount="indefinite"
        values="60 ; 110 ; 60 ; 10 ; 60" keyTimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1"/>
    <animate attributeName="cy" dur="4s" min="2s" 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	`0`
Animatable	No

<clock-value>: Specifies the length of the minimum 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 'min' in that specification.	Editor's Draft	No change
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'min' in that specification.	Recommendation	Initial definition

Browser compatibility

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