css实现立体感按钮

<view class="envelope_bgc_chunk"></view>
   .envelope_bgc_chunk{
      width: 60rpx;
      height: 100rpx;
      background-color: #83baff;
      border-radius: 8rpx;
     // 立体按钮其实就是这一行的效果
      box-shadow: 0px 0px 2px 2px rgba(55, 114, 203,0.2),
      /*下面深蓝色立体阴影*/
      0px 0px 6px 1px #4379d0,
                        /*内部暗色阴影*/
      0 -15px 2px 2px rgba(55, 114, 203,0.10) inset;
    }