Run ❯
Get your
own
website
Result Size:
625 x 565
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <body> <h2>Move text along a motion path</h2> <svg width="500" height="220"> <g transform="translate(100,100)"> <text id="TextElement" x="0" y="0" style="font-family:Verdana;font-size:24"> It's SVG! <animateMotion path="M 0 0 L 100 100" dur="5s" fill="freeze" /> </text> </g> Sorry, your browser does not support inline SVG. </svg> <p><strong>Note:</strong> This example does not work in Firefox.</p> </body> </html>