css阴影效果

实现css阴影效果

.tesr{

    width: 96%;

    margin-left: 2%;

    padding-top: 5%;

    margin-top: 5%;

    box-shadow: -2px 0 0 #1aad19, //左阴影

                                   0 -2px 0 #3d4145,//上

                                   0 2px 0 #5340e6, //下

                                   2px 0 0 #f43530;//右

    height: 200px;

    margin-bottom: 10%;

}

 <div class="tesr">
  
  </div>