css - 当我们可以通过水平和垂直偏移增加阴影大小时，spread-radius 有什么用？

Question

关于spread-radius属性的box-shadow属性，MDN 文档说：

正值会导致阴影扩大并变大，负值会导致阴影缩小

但是阴影大小已经由shadow-box属性的前两个参数定义——水平和垂直offset。那么这个属性有什么用呢？

标签： css

Answer 1

如您所见，在不影响阴影模糊程度的情况下，阴影的扩散本质上是扩大和缩小了阴影占据的表面积。如果你把它想象成影子的大小，你就不会太远了。

如果您不使用模糊或扩展半径，它们的值将默认为零。环顾网络，您可能会发现您遇到的大多数演示（包括 Design Shack 上的演示）都没有定义传播半径。