纯 CSS视差滚动网站

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您的旅程的每个阶段提供云产品。 立即开始使用 $200 的免费额度!

Keith Clark 使用纯 CSS 解释了视差滚动的核心概念(例如,不同的元素以不同的速率滚动)。 这是一种非常巧妙(但简单)的 3D 变换组合,可以将元素“推离”屏幕,影响其滚动速率,同时调整比例,使元素以原始大小显示。

Scott Kellum 和 Brenna O'Brien 之前编写了 一个 Sass @mixin,使之更易于使用。

直接链接 →