如何制作非常小的模糊效果？

Question

如何使用 -webkit-filter （或滤镜）制作 1px 到 0 之间的非常小的模糊效果？

我已经尝试过 1em 到 0.01em 之间的东西，但只要这个过滤器将其重新计算为像素，如果它低于 1px，那么根本就没有模糊。

Answer 1

有人认为我想告诉你这种类型的功能并未在 CSS3 中应用，因为它没有完全支持，但 CSS 的未来可能会提供此功能......

无论如何-webkit-filter，仅适用于 chrome ......所以，这样的代码可能对你有用，

img {
  -webkit-filter: grayscale(0.5) blur(10px);
}

参考这个：点击...