ScrollReveal

JavaScript library to animate elements as they scroll into view. ScrollReveal.js是一个轻量级的JavaScript库，用于创建基于滚动事件的动画。它可以应用于页面元素，在用户向下滚动页面时触发它们的显现、淡入、缩放或旋转等效果。

ScrollReveal.js非常易于使用。只需在HTML中加入库，并为要动画化的元素声明数据属性。这些属性包括触发滚动位置（例如 offset=100px）、动画类型（例如 fade）和动画持续时间（例如 duration=500ms）。

例如：

<div data-scrollreveal="fade-up">
  <h1>标题</h1>
</div>

当页面向下滚动时，ScrollReveal.js会检测到数据属性并触发“fade-up”动画，使标题向上淡入。

ScrollReveal.js非常灵活，可以针对不同的屏幕尺寸和滚动方向进行自定义。它还提供多种选项来控制动画的触发、持续时间和缓动函数。借助ScrollReveal.js，您可以创建引人注目的、基于滚动的动画，增强用户体验并让您的网站脱颖而出。