CSS3网页固定背景视觉差特效
2015-03-27 12:45
197 查看
这是一款非常实用的CSS3网页固定背景视觉差特效插件。该固定背景特效可以在页面中固定某些元素,在页面滚动的时候可以修改这些元素的视觉效果,从而制作出一种滚动视觉差的特效。
该固定背景视觉差特效的效果都是使用CSS3来完成的,jQuery代码只是用于管理上下导航按钮的事件。该效果主要使用CSS的background-attachment属性来实现。在例子中,使用一幅手机的图片作为固定位置元素,在页面滚动时,除了它所有的页面元素都在滚动。这个效果的小技巧是使用不同颜色的尺寸相同的图片,将它们固定在页面的相同位置上。
在线演示:http://www.htmleaf.com/Demo/201503261580.html
下载地址:http://www.htmleaf.com/jQuery/shijuecha/201503261579.html
该固定背景视觉差特效的效果都是使用CSS3来完成的,jQuery代码只是用于管理上下导航按钮的事件。该效果主要使用CSS的background-attachment属性来实现。在例子中,使用一幅手机的图片作为固定位置元素,在页面滚动时,除了它所有的页面元素都在滚动。这个效果的小技巧是使用不同颜色的尺寸相同的图片,将它们固定在页面的相同位置上。
在线演示:http://www.htmleaf.com/Demo/201503261580.html
下载地址:http://www.htmleaf.com/jQuery/shijuecha/201503261579.html
相关文章推荐
- jQuery和CSS3网页固定背景视觉差特效插件
- 基于JQuery和CSS3实现仿Apple TV海报背景视觉差特效源码分享
- 基于JQuery和CSS3实现仿Apple TV海报背景视觉差特效源码分享
- CSS3实现3D魔方翻转网页动画特效
- Codrops 优秀教程:基于 CSS3 的全屏网页过渡特效
- 固定背景实现的背景滚动特效
- 用CSS实现拉动滚动条时固定网页背景不动
- [HTML 5] 辐射式伞状网页背景特效代码下载与使用
- 网页背景图固定不动,不跟随滚动条滚动
- 固定背景实现的背景滚动特效示例分享
- 让网页背景图片 固定,不随缩小放大而变化
- 网页特效-窗口特效-弹出窗口后网页背景变暗的效果
- 网页特效:Rgb to hex 背景颜色代码生成
- 网页固定背景交替实现视差效果
- 固定网页背景图同时保持图片比例的思路代码
- 新浪的网页背景特效,可以关闭不显示
- 网页特效---始终在页面固定位置的层
- JQUERY实现网页右下角固定位置展开关闭特效的方法
- 网页中如何使背景固定位置不变
- 网页雪花背景特效