1
This commit is contained in:
@@ -227,21 +227,30 @@
|
||||
position: relative;
|
||||
|
||||
.image-container {
|
||||
width: 60%;
|
||||
height: 60%;
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
top: 20%;
|
||||
border: 1.5px solid #ffffff;
|
||||
border-radius: 9px;
|
||||
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.2);
|
||||
box-sizing: border-box;
|
||||
// 设计稿尺寸 72.28px,按 100/122 比例缩放
|
||||
width: 59.2px;
|
||||
height: 59.2px;
|
||||
|
||||
&:first-child {
|
||||
// 设计稿位置 top: 10.52px, left: 38.52px,按比例缩放
|
||||
top: 8.6px;
|
||||
left: 31.6px;
|
||||
z-index: 2;
|
||||
transform: translateX(4px) rotate(-10deg);
|
||||
transform: rotate(8deg);
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
right: 0;
|
||||
// 设计稿位置 top: 38.62px, left: 10.62px,按比例缩放
|
||||
top: 31.7px;
|
||||
left: 8.7px;
|
||||
z-index: 1;
|
||||
transform: translateX(-4px) rotate(10deg);
|
||||
transform: rotate(-8deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user