当前位置:主页 > css > 解决使用filter: blur时图片四周泛白的问题

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

xi3年前 (2021-09-09)css4310

发现问题

在使用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);。

总结

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

转载请标注来源与原作者

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

返回列表

上一篇:css实现瀑布流

下一篇:flex布局

“解决使用filter: blur时图片四周泛白的问题” 的相关文章

flex布局

flex布局

什么是flex布局flex布局即为弹性布局,使用display: flex进行布局,此布局使得盒模型布局更易使用。值得注意的是设为flex 布局后,子元素的float、clear 和vertical-...

发表评论

访客

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