14 - 小蛇加载效果

👆👆点击跳转: Bilibili📺教程视频链接

Describe📋️

当进入界面时，网页模拟加载：此时界面上有一条小蛇在循环画8字，当模拟加载完成之后，小蛇会动画过渡成一个小圆

Notice⚠️

• 该效果的原网站地址
• 上述网站的源代码地址
• 该内容的基本原理，是在SVG的描边动画上建立的，详细请参考链接
• 整个效果的一部分核心功能是依靠的GSAP的Timeline动画，详细请参考官方文档