Articles under the label of CSS 实现毛玻璃效果

CSS 实现毛玻璃效果

实现思路具体效果展示可见红框框起来的部分实现该效果的方法有多种多样，但最泛用的都是利用伪元素的滤镜效果实现： filter: blur();利用blur属性可以直接让元素呈高丝模糊状态：wlop大佬的原图：添加了blur属性后：我们可以看到元素确实是呈高丝模糊状态了，但是边缘羽化过于严重，而且我们会发现blur把连同在内的文字全部模糊了：要解决这两个问题我们就需要给伪元素设置这两个样式...