这个网页背景滚动效果叫什么?

时间:2015-09-15 11:41:17

标签: css3

嘿,这一切都是我在这里的第一个问题。我正在学习CSS3并遇到了我想要使用的效果。我不确定它是否被简单地归类为视差滚动或者是否有特定的名称。

效果并未显示在手机上......

http://www.anotherstory.co/home/

在向下滚动的某些点上,内容背后有不同的静态背景。它叫什么,它是如何实现的?任何参考链接都将受到赞赏。

干杯!

2 个答案:

答案 0 :(得分:0)

我不知道它叫什么,但它实现了这样(删除了额外的东西):

// first div
.intro-text {
    background: #fb860a url("../css/images/Office2.jpg") no-repeat fixed center center / cover ;
}

// second div
div.Services {
    background: #454545 url("../css/images/Office3.jpg") no-repeat fixed center center / cover ;
}

答案 1 :(得分:0)

视差是一种效果,我们将物体定位在同一视线上,但当我们滚动页面时它们以不同的速度移动,这会产生一种以不同速度移动的物体的幻觉。

参考此链接  http://www.uiupdates.com/how-to-create-a-simple-parallax-scrolling-webpage/