CSS单条边框的模糊处理

请教一下、在使用CSS中的boxshadow时、我在盒子垂直方向上设置模糊距离、但是水平方向上始终有模糊的白边、我想其他边框完全没有模糊效果、只有某一条边框模糊、该怎么做呢。

咱们可以换种思路吗？比如不使用阴影，而是使用一个div线，将某条边设置为none，然后使用div线覆盖（配合定位，实现简单），然后设置透明度，这样可否？

box-shadow: 0px 10px 5px -3px #888888;

https://blog.51cto.com/u_13567403/5003344

.nav {
width:200px;
height:200px;
background-color:hotpink;
box-shadow:0 15px 30px rbga(0,0,0,0.2);
}

使用rgba能改变影子的透明度，会更好看些；
rgba中的a表示透明度，取值在 0~1 之间

模糊？ 可以试试 阴影
https://blog.csdn.net/qq_39111074/article/details/122666671

https://blog.51cto.com/u_13567403/5003344