|
@@ -193,17 +193,14 @@ const onSlideChange = (slide, newIndex) => {
|
193
|
193
|
margin-left: -16%;
|
194
|
194
|
display: inline-block;
|
195
|
195
|
animation-delay: 3s;
|
196
|
|
- animation: group-img 1.8s linear;
|
|
196
|
+ animation: group-img 1.8s ease-in-out 100ms forwards;
|
197
|
197
|
}
|
198
|
198
|
@keyframes group-img {
|
199
|
199
|
0% {
|
200
|
|
- transform: translateX(-100%);
|
201
|
|
- }
|
202
|
|
- 50% {
|
203
|
|
- transform: translateX(-50%);
|
|
200
|
+ transform: scale(.5) translate3D(-100%, -200%, 0);
|
204
|
201
|
}
|
205
|
202
|
100% {
|
206
|
|
- transform: translateX(0);
|
|
203
|
+ transform: scale(1) translate3D(0, 0, 0);
|
207
|
204
|
}
|
208
|
205
|
}
|
209
|
206
|
}
|