#

whycq

2023-02-13 db7b5dca7aa8fa63c4624b30f91fde9b895b9b17

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