CSS Blury 背景效果

CSS Blury background Effect

提问人：Migaeel 提问时间：10/4/2023 最后编辑：Migaeel 更新时间：10/4/2023 访问量：72

问：

如何使背景图像（或图片中的内容）像图片中的烘焙一样模糊？ 我的意思是，这不仅仅是一个简单的模糊，它似乎使用了几个过滤器

我尝试了模糊效果，但它不一样！

背景模糊的图片

CSS 图像 背景 模糊 效果

评论

1赞 A Haworth 10/4/2023
请向我们展示您尝试过的内容。请参阅 stackoverflow.com/help/minimal-reproducible-example 并描述它以何种方式失败。
0赞 Arthur Khazbs 10/4/2023
你好！我认为您正在寻找的效果被称为“亚克力”或“磨砂玻璃”。背景图像中也有一些雾气，或者是半透明的浅灰色渐变叠加层——它也给人一种自己的感觉。
0赞 Community 10/5/2023
请澄清您的具体问题或提供其他详细信息以准确说明您的需求。正如目前所写的那样，很难确切地说出你在问什么。

答：

2赞 Brinless_Loco 10/4/2023 #1

虽然这个问题似乎不完整，但这里有一个解决方案。 下面的这一行模糊了应用它所应用的元素后面的所有内容

backdrop-filter: blur(5px);

上一个：如何在线性进度指示器的顶部过度添加移动光 - Flutter

下一个：Android- 如何根据 NestedScrollView 的滚动方向进行图像缩放？