CSS实现模糊效果

HTML代码如下:

<body>
<h1>body设置了模糊效果</h1>
<div id="aa"></div>
</body>

CSS代码如下:

body{
-webkit-filter: blur(1px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='1'); /*针对IE进行设置*/
}
#aa{width: 300px;height: 300px;background: #09c;}

效果如下

CSS实现模糊效果

IE下效果如下

CSS实现模糊效果

如有表述不准确之处,欢迎指正,欢迎补充,感谢阅读。

上一篇:Be the Best of Whatever You Are


下一篇:java语言实现树