背景虚化

最新推荐文章于 2024-11-17 00:31:00 发布

weixin_33688840

最新推荐文章于 2024-11-17 00:31:00 发布

阅读量197

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yuan-luo/p/8243754.html

本文介绍了一种使用CSS来实现背景图片虚化的方法。通过设置不同浏览器的滤镜属性，确保了良好的跨浏览器兼容性。文章提供了具体的CSS代码示例，展示了如何使背景图片模糊并保持良好的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景虚化
.bg{
background: url('../image/Login/bg.png');
background-repeat: no-repeat;
background-size: 1280px 720px;
width: 100%;
height: 720px;
z-index: -1;
position: absolute;
-webkit-filter: blur(15px);
-moz-filter: blur(15px);
-ms-filter: blur(15px);
filter: blur(10px);
filter: url(blur.svg#blur);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
}

转载于:https://www.cnblogs.com/yuan-luo/p/8243754.html