Toggle navigation
☰
HTML
CSS
Scripting
Database
<!doctype html> <title>Example</title> <svg width="200" height="200" viewBox="0 0 100 100"> <!-- The path for the object to follow --> <path id="motionPath" d="M 10 80 Q 50 10, 90 80" fill="none" stroke="#eee" stroke-width="2" /> <!-- The object following the path --> <g fill="tomato"> <path d="M -5 -3 L 5 0 L -5 3 Z" /> <!-- A simple triangle/pointer --> <animateMotion dur="3s" repeatCount="indefinite" rotate="auto"> <mpath href="#motionPath" /> </animateMotion> </g> </svg>
