Question

我只是想知道'text-shadow'中CSS属性模糊的最大值是什么？

随着价值不断增加，很难看到任何变化，因为事情开始变得模糊。

text-shadow:0 0 0px #000;

enter image description here

text-shadow:0 0 10px #000;

enter image description here

text-shadow:0 0 50px #000;

enter image description here

text-shadow:0 0 100px #000;

enter image description here

text-shadow:0 0 200px #000;

enter image description here

text-shadow:0 0 300px #000;

enter image description here

text-shadow:0 0 400px #000;

enter image description here

300px和400px看起来非常相似。随着我们不断增加，我没有看到任何差异。可能会有一些像素逐渐消失/移开，很难注意到。我相信每个浏览器都会有所不同。

一种非生产性的问题，但我相信我们至少可以增加我们对此的了解。

Answer 1

_{免责声明：我希望我能用英语正确表达。请随时更正此答案。}

这就是模糊的定义方式：7.2. Drop Shadows: the ‘box-shadow’ property

第三个长度为模糊半径。不允许使用负值。如果模糊值为零，则阴影边缘清晰。否则，值越大，阴影边缘越模糊。

非零模糊距离表示生成的阴影应该模糊，例如高斯滤镜。确切的算法没有定义;然而，由此产生的阴影必须近似（每个像素在其预期值的5％范围内），通过向阴影应用高斯模糊生成的图像，标准偏差等于模糊半径的一半

因此，您会看到模糊半径用于Gaussian Filter中定义的standard deviation。

看一下这张图片：

enter image description here