19 - 斩切开屏效果

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

Describe📋️

进入页面时，会有一把武士刀刺穿屏幕，并向右滑动、将页面给一分为二斩开

Notice⚠️

• 该效果的实际落地网站
• 该效果主要依靠GSAP的timeline所构建，不懂的小伙伴可以自行去查看官方文档
• 该效果后部分的核心遮罩生成、主要是通过CSS的clip-path所实现的，对该属性不熟悉的小伙伴最好去查看一下MDN