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

发现问题

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

解决问题

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

总结

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

posted @   曦12  阅读(417)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示