ExampleSection

by Muthuraman B

HTML

<svg width="100%" height="100%"  viewBox="0 0 500 500">

  
  
  
  <circle cx="295.5" cy="546.82" r="257" fill="#172d51"/>
    <circle cx="295.5" cy="546.82" r="293" fill="none" stroke="#172d51" stroke-miterlimit="10" stroke-width="5" id="wire"/>
    <circle cx="" cy="" r="20.5" fill="#fff" stroke="#172d51" stroke-miterlimit="10" stroke-width="5">
      <animateMotion dur="3s" repeatCount="indefinite" rotate="auto">
      <mpath xlink:href="#path1"></mpath>
    </animateMotion>
    </circle>
  
</svg>