Rumah > hujung hadapan web > html tutorial > CSS3网页固定背景视觉差特效_html/css_WEB-ITnose

CSS3网页固定背景视觉差特效_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 11:47:20
asal
1032 orang telah melayarinya

这是一款非常实用的 CSS3网页固定背景 视觉差特效插件。该固定背景特效可以在页面中固定某些元素,在页面滚动的时候可以修改这些元素的视觉效果,从而制作出一种滚动视觉差的特效。

该固定背景视觉差特效的效果都是使用CSS3来完成的,jQuery代码只是用于管理上下导航按钮的事件。该效果主要使用CSS的background-attachment属性来实现。在例子中,使用一幅手机的图片作为固定位置元素,在页面滚动时,除了它所有的页面元素都在滚动。这个效果的小技巧是使用不同颜色的尺寸相同的图片,将它们固定在页面的相同位置上。


在线演示:http://www.htmleaf.com/Demo/201503261580.html

下载地址:http://www.htmleaf.com/jQuery/shijuecha/201503261579.html

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan