css实现视觉差效果

利用css  background-attachment 属性实现视觉差效果

 

设置三个div 每个div设置不同背景图片

 

每个div设置不同的背景图片

 

 

 

 

利用属性 background-attachment: fixed;   将背景固定在浏览器窗口正中央，随着滑轮滚动，只有在当前div的区域才会出现背景图

 

最终效果图：（放不了视频）

 

 

 

 

 

 

源码链接如下：

https://files.cnblogs.com/files/zzynb/%E8%A7%86%E8%A7%89%E5%B7%AE%E6%95%88%E6%9E%9C%E3%80%91.zip?t=1655468309