|
|
@@ -293,12 +293,13 @@
|
|
|
transform: translate(-50%, -40px);
|
|
|
}
|
|
|
.item2 {
|
|
|
- width: 100%;
|
|
|
- transform: translate(-50%, 200px);
|
|
|
+ transform: translate(-50%, 13px);
|
|
|
+ width: 65%;
|
|
|
|
|
|
&:hover {
|
|
|
transition: none;
|
|
|
- transform: translate(-50%, 170px);
|
|
|
+ transform: translate(-50%, 13px);
|
|
|
+ width: 65%;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -313,11 +314,11 @@
|
|
|
}
|
|
|
|
|
|
.item4 {
|
|
|
- width: 80%;
|
|
|
- transform: translate(-50%, 20px);
|
|
|
+ width: 60%;
|
|
|
+ transform: translate(-50%, -50px);
|
|
|
&:hover {
|
|
|
transition: none;
|
|
|
- transform: translate(-50%, 0px);
|
|
|
+ transform: translate(-50%, -50px);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -344,13 +345,13 @@
|
|
|
opacity: 1;
|
|
|
}
|
|
|
.item2 {
|
|
|
- transform: translate(-50%, 170px);
|
|
|
+ transform: translate(-50%, 0px);
|
|
|
}
|
|
|
.item3 {
|
|
|
transform: translate(-30%, 0px);
|
|
|
}
|
|
|
.item4 {
|
|
|
- transform: translate(-50%, 0px);
|
|
|
+ transform: translate(-50%, -30px);
|
|
|
}
|
|
|
}
|
|
|
}
|