css实现半透明模糊效果

图片描述

求教页面下方半透明模糊效果的实现方式?

阅读 10.4k
3 个回答

楼上的有局限性,想要一个div层背景无关的磨砂的话需要依赖以下这个属性实现,但是目前兼容性差

backdrop-filter: blur(10px) brightness(110%);

可参考我的这个项目中的实现:https://github.com/devlee/rea...

图片描述

css3 filter的兼容性相对好点。

可以考虑降级,支持的环境用磨砂,不支持的环境不用

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