GSAP 实现叠加覆盖布局页面,并实现像素化切换过渡效果

    使用GSAP与CSS结合实现的像素动画切换过渡效果,HTML页面包含两部分内容,其中一部分内容在初始化时会被隐藏,另一部分内容会预先显示,这两部分叠加到一切的布局是通过CSS实现的。这两部分内容可通过点击的方式进行切换,切换的过程基于GSAP实现了像素化(页面分割成多个方块,然后再重新组合刀一起)动画的过渡效果。

模板目录结构如下: