translateY
translateY
<svg xmlns="http://www.w3.org/2000/svg"
width="200" height="200" viewBox="0 0 200 200">
<circle cx="100" cy="30" r="20" fill="red">
<animate attributeName="cy"
begin="0s"
values="30;180;30"
dur="2s"
repeatCount="indefinite"/>
</circle>
</svg>
translateY
<svg xmlns="http://www.w3.org/2000/svg"
width="200" height="200" viewBox="0 0 200 200">
<circle cx="100" cy="30" r="20" stroke="yellow" stroke-width="5">
<animate attributeName="cy"
begin="0s"
values="30;180;30"
dur="2s"
repeatCount="indefinite"/>
</circle>
</svg>