视差 - 图像移动速度快于背景

时间:2015-08-21 14:25:17

标签: css

我已经为此查了一下,找不到教程或任何有助于创建它的内容。

我希望做一些像this site

这样的事情

如果您在左侧看到文字Mar的滚动速度比背景图像快。任何人都可以指出我正确的方向,这样我就可以了解如何做到这一点。

1 个答案:

答案 0 :(得分:0)

您正在尝试使用JavaScript制作所有动画的网站。使用这种技术会产生一些困难和不利因素(例如,你不能使用硬件加速)。

但是,由于您已使用作为唯一标记,我将引导您使用纯css解决方案:

首先,您应该阅读有关CSS3中3D转换的内容。这样做的原因是,你将移动那些必须在后台移动得更慢的东西。这会产生副作用,它们看起来更小。在CSS中使用zoom可以解决此问题 如果this正是你想要here的话,那就是如何做到这一点的好教程。

Tipp:当你不想学习新事物的时候,看看其他人做了什么总是一个很好的做法。这在网页设计中非常简单,因为你可以查看其他人的源代码: - )