CSS 背景图片虚化

背景图片虚化主要依靠的是 filter: blur(15px); 这个css属性
blur值 越大 模糊程度也越大

最终我们希望的效果图是这样的


截屏2021-11-23 下午3.21.15.png

实现方式：
第一步 一个大的 div 里面包裹两个 小的 div1 和 div2
第二步 div1元素加入背景、宽高、过滤（filter)、浮动
第三步 div2元素 开启定位 absolute（一定要脱离普通文档流）
现在基本的效果就实现了，想让页面更美观 剩下的就要自己动手喽

关键点就是
filter属性 ：让图片模糊
脱离普通文档流 ：内容放到模糊div1 的上面

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容