大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

css怎么实现照片模糊效果

本篇内容主要讲解“css怎么实现照片模糊效果”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“css怎么实现照片模糊效果”吧!

10年积累的网站制作、网站建设经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站策划后付款的网站建设流程,更有沅江免费网站建设让你可以放心的选择与我们合作。

代码如下:



css中:

代码如下:


.blur {
filter: url(blur.svg#blur);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-ms-filter: blur(3px);
filter: blur(3px);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
}


针对css第一行需要引入文件 blur.svg

blur.svg 的内容如下

代码如下:






到此,相信大家对“css怎么实现照片模糊效果”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


名称栏目:css怎么实现照片模糊效果
本文路径:http://dzwzjz.com/article/gejpjc.html
在线咨询
服务热线
服务热线:028-86922220
TOP