box-shadow 属性中的模糊半径值如何影响生成的模糊？

Question

假设下面的 div 元素有一个投影。

div {
    width: 100px;
    height: 100px;
    background-color: red;
    box-shadow: 60px 60px 50px black;
}

50px 对那个元素意味着什么。内核的大小（计算新像素值时不考虑像素）是50？

标准差（默认为模糊半径的一半）如何改变结果？

模糊的只是属于该区域（距边缘 50px）的像素还是整个阴影？

为什么模糊半径达到一定最大值后效果不变？

Answer 1

据我了解，模糊是从阴影内核点的中间生成的。所以向外25px，向内25px。这是我在添加第四个“传播”​​属性时看到的。 在我的实验中，我没有注意到价值上限。

Answer 2

box-shadow 模糊半径的标准定义：模糊效果现在由 css3-background 和 HTML 定义为标准偏差 (σ) 等于给定模糊半径的一半的高斯模糊，并允许合理近似误差。

离内核中心最近的像素比远离中心的像素权重更大。这种平均是在逐个通道的基础上完成的，平均通道值成为过滤像素的新值。

在确定值之后，这些变化非常简单，以至于人眼看不到。这就是为什么似乎什么都没有发生进一步变化的原因。