微枫

陈在真の老巢

【杂谈笔记】毛玻璃效果

给想要添加的容器元素添加 backdrop-filter: blur(10px); 便可;
如果觉得实在太便捷,也可以这样折腾:定义一个容器到背景,给该容器blur模糊,然后做clip-path,裁剪的范围跟本来想要做毛玻璃的元素一致
通过对假背景模糊实现容器毛玻璃效果,在backdrop-filter还没出来之前就可以这样骚处理。

发表回复