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