当前位置:首页 > css > 正文内容

解决使用filter: blur时图片四周泛白的问题

xi5年前 (2021-09-09)css1448

发现问题

在使用filter: blur(15px)模糊背景图时,发现图片周围会泛白。

解决问题

查了好多办法:
1、使用StackBlur.js(https://github.com/flozz/StackBlur )处理图片模糊。
2、改变background-size:cover为background-size: 150% 150%。
3、给body添加同样的背景图。
4、直接使用transform: scale(1.2);。

总结

使用第四种办法最方便,不用引入其他包,不用再次引入图片。

扫描二维码推送至手机访问。

版权声明:本文由曦的博客发布,如需转载请注明出处。

本文链接:http://xiblogs.top:1111/?id=11

返回列表

上一篇:css实现瀑布流

下一篇:flex布局

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。