attributeName

attributeName å±æ§è¡¨ç¤ºå¨ç»æé´å°è¦æ´æ¹çç®æ åç´ ç CSS å±æ§æå±æ§çåç§°ã

ä½ å¯ä»¥å°æ¤å±æ§ä¸ä»¥ä¸ SVG åç´ ä¸èµ·ä½¿ç¨ï¼

<animate>
<animateTransform>
<set>

ç¤ºä¾

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

html

<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg">
  <rect x="50" y="50" width="100" height="100">
    <animate
      attributeType="XML"
      attributeName="y"
      from="0"
      to="50"
      dur="5s"
      repeatCount="indefinite" />
  </rect>
</svg>