视差——图像比背景移动得快

  • 本文关键字:移动 图像 视差 背景 css
  • 更新时间 :
  • 英文 :


我已经找遍了,找不到教程或任何东西来帮助创建它。

我想做一些像这个网站

如果您看到左侧的文本Mar滚动速度比背景图像快。谁能告诉我正确的方向,这样我就能知道怎么做了。

您所指的站点仅使用JavaScript制作所有动画。使用这种技术有一些优点和缺点(例如,你不能使用硬件加速)。

但是你已经使用css作为你唯一的标签,我将带你到一个纯css的解决方案:

首先,你应该阅读一些关于CSS3中的3d转换的内容。这样做的原因是,你会移动那些在背景中移动得较慢的东西。这会产生副作用,让它们看起来更小。在CSS中使用zoom可以解决这个问题。
如果这正是你想要的,这里有一个很好的教程教你如何做到这一点。

tip:当你不想学新东西的时候,看看别人做过什么总是一个很好的练习。这在网页设计中非常容易,因为你可以查看其他人的源代码:-)

最新更新