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