#anchor-container{display:flex;justify-content:center;height:180px;margin:10px;position:relative;box-shadow:inset 0 0 10px 0 #000;background:#333}#anchor-circle{border:10px solid red;height:10px;width:10px;border-radius:50%;position:absolute;z-index:2;box-sizing:border-box;offset-path:path('M -112 80 L 150 80');animation:circle-anim 5s infinite}#anchor-block:before{display:flex;justify-content:center;line-height:50px;color:#fff;content:'CSS'}#anchor-block{position:absolute;width:50px;height:50px;background:blue;z-index:1;offset-path:path('M -98 80 L 165 80');offset-anchor:bottom left;animation:anchor-anim 5s infinite;overflow:visible}svg{height:100%;width:100%;top:0}@keyframes anchor-anim{0%{offset-distance:0%;offset-rotate:auto 0deg}50%{offset-distance:100%;offset-rotate:auto 180deg}100%{offset-distance:0%;offset-rotate:auto 360deg}}@keyframes circle-anim{0%{offset-distance:0%}50%{offset-distance:100%}100%{offset-distance:0%}}