CSS属性文本阴影模糊的最大值

Question

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

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

text-shadow:0 0 0px #000;

text-shadow:0 0 10px #000;

text-shadow:0 0 50px #000;

text-shadow:0 0 100px #000;

text-shadow:0 0 200px #000;

text-shadow:0 0 300px #000;

text-shadow:0 0 400px #000;

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

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

Answer 1

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

这就是模糊的定义:7.2.Drop Shadows:'box-shadow'属性

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

非零模糊距离表示所产生的阴影应该是模糊的,例如通过高斯滤波器.确切的算法没有定义; 然而,所产生的阴影必须近似(每个像素在其预期值的5%范围内),通过将高斯模糊应用于阴影而产生的图像,其标准偏差等于模糊半径的一半.

因此,您可以看到模糊半径用于具有定义标准偏差的高斯滤波器.

看看这张图片:

_{来自维基百科"Gauß-Filter"(德语,英语链接上面)}

您可以看到,值越大,边缘变得越平滑,但它不会以不同方式分配其他值.