BRAND EXPERIENCE
AURORA 是一个虚构的高端品牌示例页面,用于演示滚动入场、锚点高亮与数字计数等经典落地页动效。
了解更多FEATURES
所有入场动效由 IntersectionObserver 驱动,只在元素进入视口时触发一次,不监听滚动事件,保证 60fps。
同组卡片按 80ms 间隔依次入场,opacity 与位移、缩放同步过渡,节奏自然不拖沓。
顶部导航固定,滚动经过各分区时自动高亮对应锚点,点击平滑滚动定位。
仅使用 transform 与 opacity 做动画,触发后即断开观察;移动端自动降级为基础渐显。
NUMBERS
GALLERY
图集以 CSS 渐变占位真实图片,滚动进入视口时由 blur(8px) 过渡到清晰,模拟图片懒加载的揭示效果。