#example-element{width:24px;height:24px;background:#2bc4a2;offset-path:path('M-70,-40 C-70,70 70,70 70,-40');animation:distance 8s infinite linear;animation-play-state:paused;clip-path:polygon(0% 0%,70% 0%,100% 50%,70% 100%,0% 100%,30% 50%)}#example-element.running{animation-play-state:running}#playback{position:absolute;top:0;left:0;font-size:1em}@keyframes distance{0%{offset-distance:0%}100%{offset-distance:100%}}#default-example{position:relative;background-position:calc(50% - 12px) calc(50% + 14px);background-repeat:no-repeat;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-75 -45 150 140" width="150" height="140"><path d="M-70,-40 C-70,70 70,70 70,-40" fill="none" stroke="lightgrey" stroke-width="2" stroke-dasharray="4.5"/></svg>')}