关于网页毛玻璃效果

在网上查了一下,想在网页上实现毛玻璃效果,都是用的blur做的模糊。
但是这个blur必须作用在原图上。。。
那如果想给视频做毛玻璃效果是不是就没辙了?最好是个真正的毛玻璃效果的div层,这样可以用js控制。

目前看来这个效果做不到,我用photoshop试了一下,也没办法做出一个毛玻璃图层来。
但是skatch有一个专门的功能生成这样一个图层的功能,so我把这个问题想的太简单了。。。

阅读 3.5k
3 个回答

知乎查到了
backdrop-filter
-webkit-backdrop-filter
完美满足要求。。。
只是支持性不佳,目前只有Edge和safari支持。

CSS3 filter

filter: blur(5px); 大概就是这个效果:
clipboard.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题