css 制作文字模糊发散效果怎么做？

.blur-explosion {

  color: #333;

  font-size: 5em;

  text-align: center;

  font-weight: bold;

  text-shadow:


-1px -1px 0 #fff,  
1px -1px 0 #fff,  
-2px 0 0 #fff,  
2px 0 0 #fff,  
-3px 1px 0 #fff,  
3px 1px 0 #fff,  
-4px 2px 0 #fff,  
4px 2px 0 #fff,  
-5px 3px 0 #fff,  
5px 3px 0 #fff,  
-6px 4px 0 #fff,  
6px 4px 0 #fff,  
-7px 5px 0 #fff,  
7px 5px 0 #fff,  
-8px 6px 0 #fff,  
8px 6px 0 #fff,  
-9px 7px 0 #fff,  
9px 7px 0 #fff,  
-10px 8px 0 #fff,  
10px 8px 0 #fff,  
-11px 9px 0 #fff,  
11px 9px 0 #fff;  


}

<div class=“blur-explosion”>发散模糊</div>

这段代码会创建一个文字模糊发散的视觉效果，通过增加text-shadow的数量和模糊半径的范围，可以进一步增强这种效果。注意，为了防止文字变得不可读，应该确保阴影颜色不会与文字本身的颜色相同，这里使用的是白色#fff作为阴影颜色。