视差滚动

视差滚动指的是网页滚动过程中,多层次的元素进行不同程度的移动,视觉上形成立体运动效果的网页展示技术。

这里话不多说直接用一个例子说明吧:




    
    
    
    视差滚动
     


    

这是测试视差滚动

其实主要用到的就是 background-attachment:fixed;  是指将图片背景设置成固定不动的;

这个css属性可以参考 http://www.w3school.com.cn/cssref/pr_background-attachment.asp  里面的简介 

你可能感兴趣的:(前端css)