动画库: animejs
描边动画
路径动画
<div id="motionPath">
<div class="motion-path-wrapper">
<div class="motion-path-square"></div>
<svg width="500" height="300" viewBox="0 0 500 300">
<path
id="curpath"
fill="none"
stroke="currentColor"
stroke-width="1"
d="M11.6,246.9c0,0,143.1-274.1,267.8-137.9s124.7,136.2,124.7,136.2L11.6,246.9z"
/>
</svg>
</div>
</div>
大约 4 分钟