css实现磨砂玻璃效果

filter实现背景虚化

边框模糊
<img width="1424" alt="image" src="https://github.com/wangpinyuan/blog/assets/20550379/accda0a7-3d6e-412b-9e0c-a6eba513623f">
边框清晰
<img width="1435" alt="image" src="https://github.com/wangpinyuan/blog/assets/20550379/e26a3f34-97c2-4b8e-9bd2-b1ae6deccd23">

backdrop-filter

不想模糊文字,只需要模糊部分背景
<img width="1344" alt="image" src="https://github.com/wangpinyuan/blog/assets/20550379/a5d10595-1002-4320-8764-0e4fbf3e9804">
通过bos-shadow inset 实现深色背景
<img width="1429" alt="image" src="https://github.com/wangpinyuan/blog/assets/20550379/335d1ebb-be39-4aa9-a73f-d453f3fb741c">

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容