正如标题所说，模糊半径的作用是什么？
根据CSS技巧
第三个值，模糊半径，是一个可选值，可以指定但不必指定。它是文本拉伸的像素量，会导致模糊效果。如果不使用第三个值，则会将其视为指定的模糊半径为零。
"；文本被拉伸了多少像素">
如果我在元素上设置这样的文本阴影
text-shadow: 0px 0px red;
阴影将不可见。
但如果我设置一个更大的模糊半径，比如这个
text-shadow: 0px 0px 2px red;
阴影将变得可见。
我想知道为什么会发生这种事。
是的，模糊会变得更大，因为模糊半径的值更高——但它是如何工作的呢？"；2px"；这意味着模糊将扩散到2px如果模糊半径设置为0，是否意味着文本的阴影与字母一样大
有人能向我解释一下这是怎么回事吗；模糊半径"；工作
所以，看看box-shadow:的例子
.box {
float: left;
padding: 2em;
margin: 2em;
background: #f5f5f5
}
/* Move shadow a bit */
.box-1 { box-shadow: 0 20px 0 #ddd }
.box-2 { box-shadow: 0 20px 10px #ddd }
.box-3 { box-shadow: 0 20px 20px #ddd }
.box-4 { box-shadow: 0 20px 50px #ddd }<div class="box box-1">0px</div>
<div class="box box-2">10px</div>
<div class="box box-3">20px</div>
<div class="box box-4">50px</div>text-shadow模糊也是如此，但阴影是以文本的形式出现的。
您可以看到，如果模糊半径设置为0，阴影的大小与元素相同。正因为如此，这种情况下的阴影是看不见的。
以text-shadow:为例
.box {
float: left;
padding: 2em;
margin: 2em;
}
/* Move shadow a bit */
.box-1 { text-shadow: 0 20px 0 red }
.box-2 { text-shadow: 0 20px 10px red }
.box-3 { text-shadow: 0 20px 20px red }
.box-4 { text-shadow: 0 20px 50px red }<div class="box box-1">0px</div>
<div class="box box-2">10px</div>
<div class="box box-3">20px</div>
<div class="box box-4">50px</div>因为阴影就在元素下方，并且您没有提供任何轴距离。让我简化一下。
text-shadow: 2px 1px red;
这里的2px基本上就是你说的在x轴上移动阴影2px。另一方面，1px只是简单地表示在y轴上移动阴影1px。因此，如果你给它们分配0px，它就不会移动到任何地方，而是会在元素下面。而模糊就是模糊阴影。我建议您查看文档以了解CSS属性。W3school最好参考这里https://www.w3schools.com/cssref/css3_pr_text-shadow.asp
您可以使用第一个和第二个参数控制模糊。例如，您可以浏览下方的图像
文本图像