返回动画列表

滚动显现

Scroll Reveal

元素进入视口时淡入显现，利用 IntersectionObserver 实现滚动触发。

滚动滚动时中级GPU 加速

预览

代码

持续时间

600ms

缓动函数

cubic-bezier(0.16, 1, 0.3, 1)

CSS 属性

opacity, transform

使用场景

Landing page sections
Content-heavy pages
Portfolio project reveals
Feature list staggered entrance

相关动画

fade-in-up parallax-float stagger-children