body { background-color: #f1f1f1; } .shadow-warp { position: relative; box-shadow: 0 0 10upx rgba(0, 0, 0, 0.1); } .shadow-warp:before, .shadow-warp:after { position: absolute; content: ""; top: 20upx; bottom: 30upx; left: 20upx; width: 50%; box-shadow: 0 30upx 20upx rgba(0, 0, 0, 0.2); transform: rotate(-3deg); z-index: -1; } .shadow-warp:after { right: 20upx; left: auto; transform: rotate(3deg); }