标签: css html5 transform css-transitions transition
我试图创造一种视差效果。我有10个背景图像和8个前景图像。这是一个显示我到目前为止所提出的内容的小提琴:
Fiddle
红色方块代表前景图像。
现在我需要以某种方式为前景图像设置动画,就好像它们在滚动时从底部滑入,并从顶部的屏幕滑出,所以来回,就像雨水落下(并且向上:)所以前景图像移动得比背景图像快。
我已经尝试了很多东西,但真的不知道从哪里开始。 Skrollr.js也是一个选项,但这本身就是学习的东西,我想这里必须有一个更简单的解决方案。
答案 0 :(得分:0)
我尝试了this Guide一次就行了。使用translateZ规则移动div越多,移动速度越慢。
编辑:网址已损坏,已更新网址