How do I make it go to and fro

Question

<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>

Answer 1

try this
<animate attributeName="cx" from="0" to="300"
dur="3s" fill="freeze" repeatCount="2">

Answer 2

https://code.sololearn.com/WSNLuTTB40te/?ref=app

Answer 3

You can use CSS animation also:

https://code.sololearn.com/WvEsOXKf1DQb/?ref=app

Answer 4

You're welcome

Answer 5

Tried it
Didn't work🤔

Answer 6

Thanks