JSFiddle - React, Tailwind, and code Playground

by alex bollbach

HTML

<svg>



  <circle cx="" cy="" r="5" fill="red">

    <path d="M0,0, L100,100" stroke="lightgrey" id="theMotionPath2" />
    <animateMotion dur="1s" repeatCount="1">
      <mpath xlink:href="#theMotionPath2" />
    </animateMotion>
  </circle>

</svg>