概述
在前端开发中，经常会碰到这种磨砂玻璃效果，其实这个效果很简单，一个CSS属性就能搞定
基础代码结构
基础代码结构就不展示了，就一个背景、文字、div覆盖层，我们主要看div覆盖层的CSS样式
磨砂效果
磨砂效果很多人可能会想到一个属性 filter
filter: blur(3px);
我们给覆盖div添加上filter后看效果图，发现它只是针对自身产生模糊。
所以真正的磨砂玻璃效果并不是模糊自身，而是对于背景、背后的元素进行模糊, 这个时候我们可以用上css的属性backdrop-filter
backdrop-filter: blur(4px);
这个时候我们就能得到想要的效果了
概述
每天学习一个小知识，欢迎关注公众号：小明科技说
