Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. SVG
  3. Reference
  4. Attributes
  5. max

max

Themax attribute specifies the maximum value of the active animation duration.

You can use this attribute with the following SVG elements:

Example

html,body,svg {  height: 100%;}
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 valueNone
AnimatableNo
<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

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2026 Movatter.jp