客户专线：135-1821-9792
服务热线：028-86922220
我们专注于高端品牌网站创意设计与开发
高端网站定制
品牌网站建设
企业官网建设
营销网站建设
集团网站建设
外贸网站建设
政府/门户信息
企业网站改版
响应式网站建设
企业形象设计
企业MP4宣传视频
网络营销推广
网站在线客服系统
域名注册
服务器/主机租赁
企业邮箱
微信公众号
微商城开发
微官网建设
小程序开发
品牌网站建设解决方案
营销网站解决方案
集团上市公司网站建设解决方案
政府机构类网站建设解决方案
网站定制建设解决方案
外贸网站建设解决方案
医药医疗网站解决方案
旅游网站解决方案
微信小程序定制开发解决方案
这篇文章主要介绍了css3如何实现背景模糊，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
成都创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都做网站、成都网站设计、成都外贸网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的文县网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！
一、普通背景模糊
代码：
背景模糊
效果如下所示：
这样写会使整个div的后代模糊并且还会出现白边，导致页面非常不美观，要想解决这个问题，我们可以使用伪元素，因为伪元素的模糊度不会被父元素的子代继承。
二、背景局部模糊
上一个效果会了之后，局部模糊效果就比较简单了。
背景局部模糊
效果如下图所示：
三、背景局部清晰
背景局部清晰
感谢你能够认真阅读完这篇文章，希望小编分享的“css3如何实现背景模糊”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!
售后响应及时
数据备份
价格公道精准
合作无风险
网站设计包含服务
网站制作流程
有效沟通方式
售后服务
+ 品牌创意
+ 宣传视频
+ 大陆官网
+ 外贸官网
+ 移动应用
+ 形象设计
网站建设
网站优化
网站制作
网站制作
网络营销
网站维护
公司简介
我们的观点
为什么选择我们
企业文化
支付方式
联系方式
在线留言
提交意向表
在线客服
来访路线
