小tip: 纯CSS实现视差滚动效果
这篇讲的是一个有趣的纯CSS技巧：实现视差滚动效果。作者从“视差滚动通常依赖JavaScript或插件”这个普遍认知出发，探讨了在不考虑IE兼容性的前提下，如何仅用几行CSS代码达成同样炫酷的效果。 核心实现思路巧妙地运用了CSS 3D的属性。作者在容器上设置`perspective`来建立3D视角，再对需要“慢速滚动”的背景元素应用`transform: translateZ(-1px) scale(2)`。这里的-1px与scale(2)是关键，它们共同制造了一种视觉错觉：虽然元素因Z轴位移在视觉上缩小了（如原文比喻的“近大远小”），但通过放大两倍补偿了这种缩小，使得在平面视角上看不出变化。然而，当页面滚动时，其位移速度自然与前景元素形成差异，从而产生视差感。原文用“电瓶车看月亮”的比喻很形象地说明了这一原理。 文章最后也提到了该技巧的适用边界，比如对直接body滚动效果不佳。对于想用最轻量级代码增加页面动态感，且无需支持老版本IE的项目来说，这个“解密”后的CSS小魔法提供了一个非常实用的思路。
