|
@@ -209,17 +209,14 @@ const onSlideChange = (slide, newIndex) => {
|
209
|
209
|
margin-left: -16%;
|
210
|
210
|
display: inline-block;
|
211
|
211
|
animation-delay: 3s;
|
212
|
|
- animation: group-img 1.8s linear;
|
|
212
|
+ animation: group-img 1.8s ease-in-out 100ms forwards;
|
213
|
213
|
}
|
214
|
214
|
@keyframes group-img {
|
215
|
215
|
0% {
|
216
|
|
- transform: translateX(-100%);
|
217
|
|
- }
|
218
|
|
- 50% {
|
219
|
|
- transform: translateX(-50%);
|
|
216
|
+ transform: scale(.5) translate3D(-100%, -200%, 0);
|
220
|
217
|
}
|
221
|
218
|
100% {
|
222
|
|
- transform: translateX(0);
|
|
219
|
+ transform: scale(1) translate3D(0, 0, 0);
|
223
|
220
|
}
|
224
|
221
|
}
|
225
|
222
|
}
|