2024-11-02后续，CSS3 又新增了 backdrop-filter 背景滤镜。backdrop-filter 的属性值跟 filter 完全一样，只是应用效果的标签不同。filter：作用于标签本身。backdrop-filter：作用于被标签遮盖的内容。往往需要结合定位 position 属性实现遮盖效果。_css filter背景

https://www.qianduange.cn//article/19771.html 分类：前端知识

2024-09-28在 CSS 中实现磨砂效果（类似于 iOS 的磨砂玻璃效果）通常结合使用 backdrop-filter 属性和半透明的背景色。

https://www.qianduange.cn//article/18634.html 分类：前端知识

2024-08-10通过CSS3的::before伪元素、backdrop-filter属性和opacity属性，可以创建磨砂玻璃背景效果。首先，为元素添加背景图片，然后使用::before伪元素创建半透明层，再用backdrop-filter进行模糊处理，最后调整opacity以增强效果。注意backdrop-filter的浏览器兼容性问题。

https://www.qianduange.cn//article/15204.html 分类：前端知识

2024-06-14是一个强大的 CSS 属性，通过它可以为页面背景添加各种图形效果。然而，在使用时需要注意其性能影响和浏览器兼容性，并根据实际需求进行适当的应用和优化。通过不断学习和实践，我们可以更好地掌握这一属性，并将其应用于实际项目中，创造出更加美观和引人入胜的界面效果。它允许我们改变元素背后内容的视觉效果，从而创造出新颖、引人注目的界面设计。通过应用不同的滤镜函数，我们可以为页面背景添加模糊、亮度调整、颜色变换等效果。元素背后的内容将被应用模糊效果，同时元素的背景被设置为半透明的白色。_backdrop-filter

https://www.qianduange.cn//article/12072.html 分类：前端知识

2024-06-03在国家公祭日，我们哀悼沉思，势要勿忘国耻振兴中华；这些时段很多网站都会积极呼应，给与自己的网页设置成灰色；那给网页设置成灰色是经过怎样的设置来实现的呢？filter？backdrop-filter？mix-blend-mode? svg？grayscale(1)？_如何把自己的网页设置成灰白

https://www.qianduange.cn//article/10589.html 分类：前端知识

2024-03-26使用毛玻璃效果时，滚动滚动条时页面卡顿、空白_backdrop-filter性能消耗

https://www.qianduange.cn//article/4124.html 分类：前端知识

2024-03-13CSS实现背景图片模糊——毛玻璃效果 | 浅谈CSS属性 filter、backdrop-filter_css 背景模糊

https://www.qianduange.cn//article/3710.html 分类：前端知识