CSS 视差滚动生成器

生成纯 CSS 视差滚动效果代码，可用于首屏图层位移

★

◐

⛰

滚动下方区域查看视差效果 ↓

这是用于触发视差的滚动区域

慢慢向下滚动，你会看到上方图层的移动速度不同

视差效果就是通过不同图层以不同速度移动形成的

继续滚动……

继续滚动……

继续滚动……

继续滚动……

继续滚动……

第 1 层颜色

第 2 层颜色

第 3 层颜色

第 1 层速度 0.2

第 2 层速度 0.5

第 3 层速度 1

背景颜色

视差方向

HTML + CSS 代码