基于滚动页面触发的 CSS 动画

    完全使用 CSS 实现的滚动页面加载动画效果,示例的效果是随着页面向下滚动展示不同吸引人的文字出场效果,当向上滚动时恢复文字默认效果,页面最底部实现了多个表情符号叠加到一起展示「调皮」笑脸的动画,实现原理是通过检测视口位置设置不同的动画效果。

模板目录结构如下: