Hi. Why does not the circle move? And the rectangle moves.

Question

<svg width="1000" height="250">
<circle cx="50" cy="50" r="50" fill="red">
<animate attributeName="y" from="0" to="1000" dur="10s" fill="freeze" repeatCount="10"/>
</cricle>
</svg>

<svg width="1000" height="250">
<rect width="150" height="150" fill="orange">
<animate attributeName="x" from="0" to="300"
dur="3s" fill="freeze" repeatCount="2"/>
</rect>
</svg>

<svg width="2000" height="2000">
<circle cx="100" cy="100" r="70" fill="red" />
</svg>

Answer 1

"attributeName" in circle should be "cy" instead of "y"

Answer 2

cx moves in L-R direction. cy moves in the U-D direction

Answer 3

Thank you