滚动时的 CSS 背景模糊

Question

我有固定的背景图像，滚动时我希望图像变得模糊。我知道如何在 css 中做模糊，但在特定的滚动位置做。

这是一个例子： https ://medium.com/good-music/f160ba9e6c52

片段的任何想法、示例和建议都会有所帮助。

谢谢

原文由 user1328229 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这个 codepen 正是你想要的。考虑到浏览器支持，它使用 2 个图像而不是模糊：

http://codepen.io/sota0805/pen/pqLcv

原文由 user3223209 发布，翻译遵循 CC BY-SA 3.0 许可协议