HTML5 背景图片毛玻璃模糊特效

12,292 人浏览

2019-11-26 18:55:43

本文作者html5tricks，转载请注明出处

毛玻璃特效其实是对图片的模糊处理，我们经常会在手机app中上拉应用时出现背景图片模糊特效，这就是毛玻璃特效。这次我们要分享一款基于HTML5和CSS3实现的背景图片毛玻璃模糊特效，我们在页面上加载一张清晰图片，然后指定图片范围内生成毛玻璃模糊效果，通过边框阴影的添加，使这种毛玻璃特效更显3D立体效果。