5分

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/5分/r.svg

code:r.svg

<circle cx="50" cy="50" r="45" fill="blue" stroke="black" stroke-width="5">

<animate

attributeName="fill"

values="blue;cyan;lime;yellow;orange;red"

dur="300s"

fill="freeze"

repeatCount="1" />

</circle>

<line x1="50" y1="5" x2="50" y2="50" fill="none" stroke="black" stroke-width="5" >

<!-- 60秒で0度から360度まで回転 -->

<animateTransform

attributeName="transform"

type="rotate"

from="0 50 50"

to="360 50 50"

dur="60s"

repeatCount="5" />

</line>

</svg>