#

whycq

2023-02-09 2682b706c99054e78c548c9624cc66634994441c

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
.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);
}