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;}

效果如下

IE下效果如下

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM