css设置多重box-shadow

.b1 {
      width: 200px;
      height: 41px;
      background-color: rebeccapurple;
      box-shadow: 10px 10px 0 rgb(179, 255, 0), 20px 20px 0 red;
    }

<div class="box1"></div>

box-shadow是支持重重叠加的，中间用逗号隔开即可。后面定义的在前面的底层，如上所示。

当然也可以用盒子元素，再用z-index控制，但是大可不必。。。。