如何添加两个框阴影

Question

我有一个边框插图会产生两个边框的错觉：

  border: 1px solid #b88ccb;   
   box-shadow: inset 0px 0px 0px 2px #fff !important;

基本上，第一个边框是颜色#fff，第二个看似边框是＃b88ccb。

但是，由于我已经添加了box-shadow，我的下一个代码不再起作用了：

   -webkit-box-shadow: 0px 0px 55px -8px rgba(252,1,54,0.1);
-moz-box-shadow: 0px 0px 55px -8px rgba(252,1,54,0.1);
box-shadow: 0px 0px 55px -8px rgba(252,1,54,0.1);

如何才能达到这两个目标，我会看到两个看似边框的边框和一个有着模糊传播色彩的盒子阴影，上面有我的代码？

您可以查看我的JSFIDDLE：https://jsfiddle.net/fbLp8e7b/1/

Answer 1

是的，你可以用逗号分隔：

box-shadow: 0px 0px 55px -8px rgba(252,1,54,0.65), inset 0px 0px 0px 2px #fff;