本文主要包含html5 css3源码,css3源码,css3毛玻璃效果,css3 毛玻璃,小程序示例源码等相关知识,张歆琳 希望在学习及工作中可以帮助到您
先来看看效果图
}</p>
<p><main>……</main>
</div>
去掉那些式样方面的代码，上面实现毛玻璃效果的核心代码如下：
当然这个效果离我们的期望还有点距离，因为单纯的30%的透明度会让文字变的难以阅读。对页面来说背景图只是起美化作用，文字才是最核心的。你可以增大透明度的百分比，但这样页面会显得很死板。为了让文字便于阅读，又保持页面的生动活泼，可以对上面的mian标签的背景做模糊处理。
你可能尝试blur滤镜，但可惜的是效果不对：
总结
以上就是CSS3实现毛玻璃效果的全部内容，希望能对大家的学习或者工作带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。