animatecss 0.0.8 → 0.0.9
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.travis.yml +2 -1
- data/lib/animatecss/version.rb +1 -1
- data/vendor/assets/stylesheets/animate.css +491 -337
- metadata +3 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: d034c2515d28c1e4314fd332dc3c712e121dffb7
|
4
|
+
data.tar.gz: a616f54ba6ff95bcfcc4031ec9cd9f5a5a856f17
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: ce546bcdde6010fb80d59b08e68519f92ca28cf0310c6df343b5f7afb60dc49dfa220d105392400a4402bc3a309b916420b4e73331005288b5e965289c20981f
|
7
|
+
data.tar.gz: a2b0eec05b61c4379fff7baa40f8e796ba7ec1888b931f77ab48de5b37c64ac65e2f67ddd5c5db71803ef19e042f090173356a9f39e2c7e5dfb2c89093643c31
|
data/.travis.yml
CHANGED
data/lib/animatecss/version.rb
CHANGED
@@ -2,10 +2,10 @@
|
|
2
2
|
|
3
3
|
/*!
|
4
4
|
* animate.css -http://daneden.me/animate
|
5
|
-
* Version - 3.
|
5
|
+
* Version - 3.6.0
|
6
6
|
* Licensed under the MIT license - http://opensource.org/licenses/MIT
|
7
7
|
*
|
8
|
-
* Copyright (c)
|
8
|
+
* Copyright (c) 2018 Daniel Eden
|
9
9
|
*/
|
10
10
|
|
11
11
|
.animated {
|
@@ -20,72 +20,69 @@
|
|
20
20
|
animation-iteration-count: infinite;
|
21
21
|
}
|
22
22
|
|
23
|
-
.animated.hinge {
|
24
|
-
-webkit-animation-duration: 2s;
|
25
|
-
animation-duration: 2s;
|
26
|
-
}
|
27
|
-
|
28
|
-
.animated.flipOutX,
|
29
|
-
.animated.flipOutY,
|
30
|
-
.animated.bounceIn,
|
31
|
-
.animated.bounceOut {
|
32
|
-
-webkit-animation-duration: .75s;
|
33
|
-
animation-duration: .75s;
|
34
|
-
}
|
35
|
-
|
36
23
|
@-webkit-keyframes bounce {
|
37
|
-
from,
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
24
|
+
from,
|
25
|
+
20%,
|
26
|
+
53%,
|
27
|
+
80%,
|
28
|
+
to {
|
29
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
30
|
+
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
31
|
+
-webkit-transform: translate3d(0, 0, 0);
|
32
|
+
transform: translate3d(0, 0, 0);
|
42
33
|
}
|
43
34
|
|
44
|
-
40%,
|
45
|
-
|
46
|
-
animation-timing-function: cubic-bezier(0.755, 0.
|
35
|
+
40%,
|
36
|
+
43% {
|
37
|
+
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
38
|
+
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
47
39
|
-webkit-transform: translate3d(0, -30px, 0);
|
48
40
|
transform: translate3d(0, -30px, 0);
|
49
41
|
}
|
50
42
|
|
51
43
|
70% {
|
52
|
-
-webkit-animation-timing-function: cubic-bezier(0.755, 0.
|
53
|
-
animation-timing-function: cubic-bezier(0.755, 0.
|
44
|
+
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
45
|
+
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
54
46
|
-webkit-transform: translate3d(0, -15px, 0);
|
55
47
|
transform: translate3d(0, -15px, 0);
|
56
48
|
}
|
57
49
|
|
58
50
|
90% {
|
59
|
-
-webkit-transform: translate3d(0
|
60
|
-
transform: translate3d(0
|
51
|
+
-webkit-transform: translate3d(0, -4px, 0);
|
52
|
+
transform: translate3d(0, -4px, 0);
|
61
53
|
}
|
62
54
|
}
|
63
55
|
|
64
56
|
@keyframes bounce {
|
65
|
-
from,
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
57
|
+
from,
|
58
|
+
20%,
|
59
|
+
53%,
|
60
|
+
80%,
|
61
|
+
to {
|
62
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
63
|
+
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
64
|
+
-webkit-transform: translate3d(0, 0, 0);
|
65
|
+
transform: translate3d(0, 0, 0);
|
70
66
|
}
|
71
67
|
|
72
|
-
40%,
|
73
|
-
|
74
|
-
animation-timing-function: cubic-bezier(0.755, 0.
|
68
|
+
40%,
|
69
|
+
43% {
|
70
|
+
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
71
|
+
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
75
72
|
-webkit-transform: translate3d(0, -30px, 0);
|
76
73
|
transform: translate3d(0, -30px, 0);
|
77
74
|
}
|
78
75
|
|
79
76
|
70% {
|
80
|
-
-webkit-animation-timing-function: cubic-bezier(0.755, 0.
|
81
|
-
animation-timing-function: cubic-bezier(0.755, 0.
|
77
|
+
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
78
|
+
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
82
79
|
-webkit-transform: translate3d(0, -15px, 0);
|
83
80
|
transform: translate3d(0, -15px, 0);
|
84
81
|
}
|
85
82
|
|
86
83
|
90% {
|
87
|
-
-webkit-transform: translate3d(0
|
88
|
-
transform: translate3d(0
|
84
|
+
-webkit-transform: translate3d(0, -4px, 0);
|
85
|
+
transform: translate3d(0, -4px, 0);
|
89
86
|
}
|
90
87
|
}
|
91
88
|
|
@@ -97,21 +94,27 @@
|
|
97
94
|
}
|
98
95
|
|
99
96
|
@-webkit-keyframes flash {
|
100
|
-
from,
|
97
|
+
from,
|
98
|
+
50%,
|
99
|
+
to {
|
101
100
|
opacity: 1;
|
102
101
|
}
|
103
102
|
|
104
|
-
25%,
|
103
|
+
25%,
|
104
|
+
75% {
|
105
105
|
opacity: 0;
|
106
106
|
}
|
107
107
|
}
|
108
108
|
|
109
109
|
@keyframes flash {
|
110
|
-
from,
|
110
|
+
from,
|
111
|
+
50%,
|
112
|
+
to {
|
111
113
|
opacity: 1;
|
112
114
|
}
|
113
115
|
|
114
|
-
25%,
|
116
|
+
25%,
|
117
|
+
75% {
|
115
118
|
opacity: 0;
|
116
119
|
}
|
117
120
|
}
|
@@ -184,13 +187,13 @@
|
|
184
187
|
}
|
185
188
|
|
186
189
|
65% {
|
187
|
-
-webkit-transform: scale3d(.95, 1.05, 1);
|
188
|
-
transform: scale3d(.95, 1.05, 1);
|
190
|
+
-webkit-transform: scale3d(0.95, 1.05, 1);
|
191
|
+
transform: scale3d(0.95, 1.05, 1);
|
189
192
|
}
|
190
193
|
|
191
194
|
75% {
|
192
|
-
-webkit-transform: scale3d(1.05, .95, 1);
|
193
|
-
transform: scale3d(1.05, .95, 1);
|
195
|
+
-webkit-transform: scale3d(1.05, 0.95, 1);
|
196
|
+
transform: scale3d(1.05, 0.95, 1);
|
194
197
|
}
|
195
198
|
|
196
199
|
to {
|
@@ -221,13 +224,13 @@
|
|
221
224
|
}
|
222
225
|
|
223
226
|
65% {
|
224
|
-
-webkit-transform: scale3d(.95, 1.05, 1);
|
225
|
-
transform: scale3d(.95, 1.05, 1);
|
227
|
+
-webkit-transform: scale3d(0.95, 1.05, 1);
|
228
|
+
transform: scale3d(0.95, 1.05, 1);
|
226
229
|
}
|
227
230
|
|
228
231
|
75% {
|
229
|
-
-webkit-transform: scale3d(1.05, .95, 1);
|
230
|
-
transform: scale3d(1.05, .95, 1);
|
232
|
+
-webkit-transform: scale3d(1.05, 0.95, 1);
|
233
|
+
transform: scale3d(1.05, 0.95, 1);
|
231
234
|
}
|
232
235
|
|
233
236
|
to {
|
@@ -242,34 +245,50 @@
|
|
242
245
|
}
|
243
246
|
|
244
247
|
@-webkit-keyframes shake {
|
245
|
-
from,
|
248
|
+
from,
|
249
|
+
to {
|
246
250
|
-webkit-transform: translate3d(0, 0, 0);
|
247
251
|
transform: translate3d(0, 0, 0);
|
248
252
|
}
|
249
253
|
|
250
|
-
10%,
|
254
|
+
10%,
|
255
|
+
30%,
|
256
|
+
50%,
|
257
|
+
70%,
|
258
|
+
90% {
|
251
259
|
-webkit-transform: translate3d(-10px, 0, 0);
|
252
260
|
transform: translate3d(-10px, 0, 0);
|
253
261
|
}
|
254
262
|
|
255
|
-
20%,
|
263
|
+
20%,
|
264
|
+
40%,
|
265
|
+
60%,
|
266
|
+
80% {
|
256
267
|
-webkit-transform: translate3d(10px, 0, 0);
|
257
268
|
transform: translate3d(10px, 0, 0);
|
258
269
|
}
|
259
270
|
}
|
260
271
|
|
261
272
|
@keyframes shake {
|
262
|
-
from,
|
273
|
+
from,
|
274
|
+
to {
|
263
275
|
-webkit-transform: translate3d(0, 0, 0);
|
264
276
|
transform: translate3d(0, 0, 0);
|
265
277
|
}
|
266
278
|
|
267
|
-
10%,
|
279
|
+
10%,
|
280
|
+
30%,
|
281
|
+
50%,
|
282
|
+
70%,
|
283
|
+
90% {
|
268
284
|
-webkit-transform: translate3d(-10px, 0, 0);
|
269
285
|
transform: translate3d(-10px, 0, 0);
|
270
286
|
}
|
271
287
|
|
272
|
-
20%,
|
288
|
+
20%,
|
289
|
+
40%,
|
290
|
+
60%,
|
291
|
+
80% {
|
273
292
|
-webkit-transform: translate3d(10px, 0, 0);
|
274
293
|
transform: translate3d(10px, 0, 0);
|
275
294
|
}
|
@@ -418,17 +437,23 @@
|
|
418
437
|
transform: scale3d(1, 1, 1);
|
419
438
|
}
|
420
439
|
|
421
|
-
10%,
|
422
|
-
|
423
|
-
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
440
|
+
10%,
|
441
|
+
20% {
|
442
|
+
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
|
443
|
+
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
|
424
444
|
}
|
425
445
|
|
426
|
-
30%,
|
446
|
+
30%,
|
447
|
+
50%,
|
448
|
+
70%,
|
449
|
+
90% {
|
427
450
|
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
428
451
|
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
429
452
|
}
|
430
453
|
|
431
|
-
40%,
|
454
|
+
40%,
|
455
|
+
60%,
|
456
|
+
80% {
|
432
457
|
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
433
458
|
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
434
459
|
}
|
@@ -445,17 +470,23 @@
|
|
445
470
|
transform: scale3d(1, 1, 1);
|
446
471
|
}
|
447
472
|
|
448
|
-
10%,
|
449
|
-
|
450
|
-
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
473
|
+
10%,
|
474
|
+
20% {
|
475
|
+
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
|
476
|
+
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
|
451
477
|
}
|
452
478
|
|
453
|
-
30%,
|
479
|
+
30%,
|
480
|
+
50%,
|
481
|
+
70%,
|
482
|
+
90% {
|
454
483
|
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
455
484
|
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
456
485
|
}
|
457
486
|
|
458
|
-
40%,
|
487
|
+
40%,
|
488
|
+
60%,
|
489
|
+
80% {
|
459
490
|
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
460
491
|
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
461
492
|
}
|
@@ -475,8 +506,8 @@
|
|
475
506
|
|
476
507
|
@-webkit-keyframes wobble {
|
477
508
|
from {
|
478
|
-
-webkit-transform:
|
479
|
-
transform:
|
509
|
+
-webkit-transform: translate3d(0, 0, 0);
|
510
|
+
transform: translate3d(0, 0, 0);
|
480
511
|
}
|
481
512
|
|
482
513
|
15% {
|
@@ -505,15 +536,15 @@
|
|
505
536
|
}
|
506
537
|
|
507
538
|
to {
|
508
|
-
-webkit-transform:
|
509
|
-
transform:
|
539
|
+
-webkit-transform: translate3d(0, 0, 0);
|
540
|
+
transform: translate3d(0, 0, 0);
|
510
541
|
}
|
511
542
|
}
|
512
543
|
|
513
544
|
@keyframes wobble {
|
514
545
|
from {
|
515
|
-
-webkit-transform:
|
516
|
-
transform:
|
546
|
+
-webkit-transform: translate3d(0, 0, 0);
|
547
|
+
transform: translate3d(0, 0, 0);
|
517
548
|
}
|
518
549
|
|
519
550
|
15% {
|
@@ -542,8 +573,8 @@
|
|
542
573
|
}
|
543
574
|
|
544
575
|
to {
|
545
|
-
-webkit-transform:
|
546
|
-
transform:
|
576
|
+
-webkit-transform: translate3d(0, 0, 0);
|
577
|
+
transform: translate3d(0, 0, 0);
|
547
578
|
}
|
548
579
|
}
|
549
580
|
|
@@ -553,9 +584,11 @@
|
|
553
584
|
}
|
554
585
|
|
555
586
|
@-webkit-keyframes jello {
|
556
|
-
from,
|
557
|
-
|
558
|
-
|
587
|
+
from,
|
588
|
+
11.1%,
|
589
|
+
to {
|
590
|
+
-webkit-transform: translate3d(0, 0, 0);
|
591
|
+
transform: translate3d(0, 0, 0);
|
559
592
|
}
|
560
593
|
|
561
594
|
22.2% {
|
@@ -595,9 +628,11 @@
|
|
595
628
|
}
|
596
629
|
|
597
630
|
@keyframes jello {
|
598
|
-
from,
|
599
|
-
|
600
|
-
|
631
|
+
from,
|
632
|
+
11.1%,
|
633
|
+
to {
|
634
|
+
-webkit-transform: translate3d(0, 0, 0);
|
635
|
+
transform: translate3d(0, 0, 0);
|
601
636
|
}
|
602
637
|
|
603
638
|
22.2% {
|
@@ -644,15 +679,20 @@
|
|
644
679
|
}
|
645
680
|
|
646
681
|
@-webkit-keyframes bounceIn {
|
647
|
-
from,
|
648
|
-
|
649
|
-
|
682
|
+
from,
|
683
|
+
20%,
|
684
|
+
40%,
|
685
|
+
60%,
|
686
|
+
80%,
|
687
|
+
to {
|
688
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
689
|
+
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
650
690
|
}
|
651
691
|
|
652
692
|
0% {
|
653
693
|
opacity: 0;
|
654
|
-
-webkit-transform: scale3d(.3, .3, .3);
|
655
|
-
transform: scale3d(.3, .3, .3);
|
694
|
+
-webkit-transform: scale3d(0.3, 0.3, 0.3);
|
695
|
+
transform: scale3d(0.3, 0.3, 0.3);
|
656
696
|
}
|
657
697
|
|
658
698
|
20% {
|
@@ -661,8 +701,8 @@
|
|
661
701
|
}
|
662
702
|
|
663
703
|
40% {
|
664
|
-
-webkit-transform: scale3d(.9, .9, .9);
|
665
|
-
transform: scale3d(.9, .9, .9);
|
704
|
+
-webkit-transform: scale3d(0.9, 0.9, 0.9);
|
705
|
+
transform: scale3d(0.9, 0.9, 0.9);
|
666
706
|
}
|
667
707
|
|
668
708
|
60% {
|
@@ -672,8 +712,8 @@
|
|
672
712
|
}
|
673
713
|
|
674
714
|
80% {
|
675
|
-
-webkit-transform: scale3d(.97, .97, .97);
|
676
|
-
transform: scale3d(.97, .97, .97);
|
715
|
+
-webkit-transform: scale3d(0.97, 0.97, 0.97);
|
716
|
+
transform: scale3d(0.97, 0.97, 0.97);
|
677
717
|
}
|
678
718
|
|
679
719
|
to {
|
@@ -684,15 +724,20 @@
|
|
684
724
|
}
|
685
725
|
|
686
726
|
@keyframes bounceIn {
|
687
|
-
from,
|
688
|
-
|
689
|
-
|
727
|
+
from,
|
728
|
+
20%,
|
729
|
+
40%,
|
730
|
+
60%,
|
731
|
+
80%,
|
732
|
+
to {
|
733
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
734
|
+
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
690
735
|
}
|
691
736
|
|
692
737
|
0% {
|
693
738
|
opacity: 0;
|
694
|
-
-webkit-transform: scale3d(.3, .3, .3);
|
695
|
-
transform: scale3d(.3, .3, .3);
|
739
|
+
-webkit-transform: scale3d(0.3, 0.3, 0.3);
|
740
|
+
transform: scale3d(0.3, 0.3, 0.3);
|
696
741
|
}
|
697
742
|
|
698
743
|
20% {
|
@@ -701,8 +746,8 @@
|
|
701
746
|
}
|
702
747
|
|
703
748
|
40% {
|
704
|
-
-webkit-transform: scale3d(.9, .9, .9);
|
705
|
-
transform: scale3d(.9, .9, .9);
|
749
|
+
-webkit-transform: scale3d(0.9, 0.9, 0.9);
|
750
|
+
transform: scale3d(0.9, 0.9, 0.9);
|
706
751
|
}
|
707
752
|
|
708
753
|
60% {
|
@@ -712,8 +757,8 @@
|
|
712
757
|
}
|
713
758
|
|
714
759
|
80% {
|
715
|
-
-webkit-transform: scale3d(.97, .97, .97);
|
716
|
-
transform: scale3d(.97, .97, .97);
|
760
|
+
-webkit-transform: scale3d(0.97, 0.97, 0.97);
|
761
|
+
transform: scale3d(0.97, 0.97, 0.97);
|
717
762
|
}
|
718
763
|
|
719
764
|
to {
|
@@ -724,14 +769,20 @@
|
|
724
769
|
}
|
725
770
|
|
726
771
|
.bounceIn {
|
772
|
+
-webkit-animation-duration: 0.75s;
|
773
|
+
animation-duration: 0.75s;
|
727
774
|
-webkit-animation-name: bounceIn;
|
728
775
|
animation-name: bounceIn;
|
729
776
|
}
|
730
777
|
|
731
778
|
@-webkit-keyframes bounceInDown {
|
732
|
-
from,
|
733
|
-
|
734
|
-
|
779
|
+
from,
|
780
|
+
60%,
|
781
|
+
75%,
|
782
|
+
90%,
|
783
|
+
to {
|
784
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
785
|
+
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
735
786
|
}
|
736
787
|
|
737
788
|
0% {
|
@@ -757,15 +808,19 @@
|
|
757
808
|
}
|
758
809
|
|
759
810
|
to {
|
760
|
-
-webkit-transform:
|
761
|
-
transform:
|
811
|
+
-webkit-transform: translate3d(0, 0, 0);
|
812
|
+
transform: translate3d(0, 0, 0);
|
762
813
|
}
|
763
814
|
}
|
764
815
|
|
765
816
|
@keyframes bounceInDown {
|
766
|
-
from,
|
767
|
-
|
768
|
-
|
817
|
+
from,
|
818
|
+
60%,
|
819
|
+
75%,
|
820
|
+
90%,
|
821
|
+
to {
|
822
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
823
|
+
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
769
824
|
}
|
770
825
|
|
771
826
|
0% {
|
@@ -791,8 +846,8 @@
|
|
791
846
|
}
|
792
847
|
|
793
848
|
to {
|
794
|
-
-webkit-transform:
|
795
|
-
transform:
|
849
|
+
-webkit-transform: translate3d(0, 0, 0);
|
850
|
+
transform: translate3d(0, 0, 0);
|
796
851
|
}
|
797
852
|
}
|
798
853
|
|
@@ -802,9 +857,13 @@
|
|
802
857
|
}
|
803
858
|
|
804
859
|
@-webkit-keyframes bounceInLeft {
|
805
|
-
from,
|
806
|
-
|
807
|
-
|
860
|
+
from,
|
861
|
+
60%,
|
862
|
+
75%,
|
863
|
+
90%,
|
864
|
+
to {
|
865
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
866
|
+
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
808
867
|
}
|
809
868
|
|
810
869
|
0% {
|
@@ -830,15 +889,19 @@
|
|
830
889
|
}
|
831
890
|
|
832
891
|
to {
|
833
|
-
-webkit-transform:
|
834
|
-
transform:
|
892
|
+
-webkit-transform: translate3d(0, 0, 0);
|
893
|
+
transform: translate3d(0, 0, 0);
|
835
894
|
}
|
836
895
|
}
|
837
896
|
|
838
897
|
@keyframes bounceInLeft {
|
839
|
-
from,
|
840
|
-
|
841
|
-
|
898
|
+
from,
|
899
|
+
60%,
|
900
|
+
75%,
|
901
|
+
90%,
|
902
|
+
to {
|
903
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
904
|
+
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
842
905
|
}
|
843
906
|
|
844
907
|
0% {
|
@@ -864,8 +927,8 @@
|
|
864
927
|
}
|
865
928
|
|
866
929
|
to {
|
867
|
-
-webkit-transform:
|
868
|
-
transform:
|
930
|
+
-webkit-transform: translate3d(0, 0, 0);
|
931
|
+
transform: translate3d(0, 0, 0);
|
869
932
|
}
|
870
933
|
}
|
871
934
|
|
@@ -875,9 +938,13 @@
|
|
875
938
|
}
|
876
939
|
|
877
940
|
@-webkit-keyframes bounceInRight {
|
878
|
-
from,
|
879
|
-
|
880
|
-
|
941
|
+
from,
|
942
|
+
60%,
|
943
|
+
75%,
|
944
|
+
90%,
|
945
|
+
to {
|
946
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
947
|
+
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
881
948
|
}
|
882
949
|
|
883
950
|
from {
|
@@ -903,15 +970,19 @@
|
|
903
970
|
}
|
904
971
|
|
905
972
|
to {
|
906
|
-
-webkit-transform:
|
907
|
-
transform:
|
973
|
+
-webkit-transform: translate3d(0, 0, 0);
|
974
|
+
transform: translate3d(0, 0, 0);
|
908
975
|
}
|
909
976
|
}
|
910
977
|
|
911
978
|
@keyframes bounceInRight {
|
912
|
-
from,
|
913
|
-
|
914
|
-
|
979
|
+
from,
|
980
|
+
60%,
|
981
|
+
75%,
|
982
|
+
90%,
|
983
|
+
to {
|
984
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
985
|
+
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
915
986
|
}
|
916
987
|
|
917
988
|
from {
|
@@ -937,8 +1008,8 @@
|
|
937
1008
|
}
|
938
1009
|
|
939
1010
|
to {
|
940
|
-
-webkit-transform:
|
941
|
-
transform:
|
1011
|
+
-webkit-transform: translate3d(0, 0, 0);
|
1012
|
+
transform: translate3d(0, 0, 0);
|
942
1013
|
}
|
943
1014
|
}
|
944
1015
|
|
@@ -948,9 +1019,13 @@
|
|
948
1019
|
}
|
949
1020
|
|
950
1021
|
@-webkit-keyframes bounceInUp {
|
951
|
-
from,
|
952
|
-
|
953
|
-
|
1022
|
+
from,
|
1023
|
+
60%,
|
1024
|
+
75%,
|
1025
|
+
90%,
|
1026
|
+
to {
|
1027
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
1028
|
+
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
954
1029
|
}
|
955
1030
|
|
956
1031
|
from {
|
@@ -982,9 +1057,13 @@
|
|
982
1057
|
}
|
983
1058
|
|
984
1059
|
@keyframes bounceInUp {
|
985
|
-
from,
|
986
|
-
|
987
|
-
|
1060
|
+
from,
|
1061
|
+
60%,
|
1062
|
+
75%,
|
1063
|
+
90%,
|
1064
|
+
to {
|
1065
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
1066
|
+
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
988
1067
|
}
|
989
1068
|
|
990
1069
|
from {
|
@@ -1022,11 +1101,12 @@
|
|
1022
1101
|
|
1023
1102
|
@-webkit-keyframes bounceOut {
|
1024
1103
|
20% {
|
1025
|
-
-webkit-transform: scale3d(.9, .9, .9);
|
1026
|
-
transform: scale3d(.9, .9, .9);
|
1104
|
+
-webkit-transform: scale3d(0.9, 0.9, 0.9);
|
1105
|
+
transform: scale3d(0.9, 0.9, 0.9);
|
1027
1106
|
}
|
1028
1107
|
|
1029
|
-
50%,
|
1108
|
+
50%,
|
1109
|
+
55% {
|
1030
1110
|
opacity: 1;
|
1031
1111
|
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
1032
1112
|
transform: scale3d(1.1, 1.1, 1.1);
|
@@ -1034,18 +1114,19 @@
|
|
1034
1114
|
|
1035
1115
|
to {
|
1036
1116
|
opacity: 0;
|
1037
|
-
-webkit-transform: scale3d(.3, .3, .3);
|
1038
|
-
transform: scale3d(.3, .3, .3);
|
1117
|
+
-webkit-transform: scale3d(0.3, 0.3, 0.3);
|
1118
|
+
transform: scale3d(0.3, 0.3, 0.3);
|
1039
1119
|
}
|
1040
1120
|
}
|
1041
1121
|
|
1042
1122
|
@keyframes bounceOut {
|
1043
1123
|
20% {
|
1044
|
-
-webkit-transform: scale3d(.9, .9, .9);
|
1045
|
-
transform: scale3d(.9, .9, .9);
|
1124
|
+
-webkit-transform: scale3d(0.9, 0.9, 0.9);
|
1125
|
+
transform: scale3d(0.9, 0.9, 0.9);
|
1046
1126
|
}
|
1047
1127
|
|
1048
|
-
50%,
|
1128
|
+
50%,
|
1129
|
+
55% {
|
1049
1130
|
opacity: 1;
|
1050
1131
|
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
1051
1132
|
transform: scale3d(1.1, 1.1, 1.1);
|
@@ -1053,12 +1134,14 @@
|
|
1053
1134
|
|
1054
1135
|
to {
|
1055
1136
|
opacity: 0;
|
1056
|
-
-webkit-transform: scale3d(.3, .3, .3);
|
1057
|
-
transform: scale3d(.3, .3, .3);
|
1137
|
+
-webkit-transform: scale3d(0.3, 0.3, 0.3);
|
1138
|
+
transform: scale3d(0.3, 0.3, 0.3);
|
1058
1139
|
}
|
1059
1140
|
}
|
1060
1141
|
|
1061
1142
|
.bounceOut {
|
1143
|
+
-webkit-animation-duration: 0.75s;
|
1144
|
+
animation-duration: 0.75s;
|
1062
1145
|
-webkit-animation-name: bounceOut;
|
1063
1146
|
animation-name: bounceOut;
|
1064
1147
|
}
|
@@ -1069,7 +1152,8 @@
|
|
1069
1152
|
transform: translate3d(0, 10px, 0);
|
1070
1153
|
}
|
1071
1154
|
|
1072
|
-
40%,
|
1155
|
+
40%,
|
1156
|
+
45% {
|
1073
1157
|
opacity: 1;
|
1074
1158
|
-webkit-transform: translate3d(0, -20px, 0);
|
1075
1159
|
transform: translate3d(0, -20px, 0);
|
@@ -1088,7 +1172,8 @@
|
|
1088
1172
|
transform: translate3d(0, 10px, 0);
|
1089
1173
|
}
|
1090
1174
|
|
1091
|
-
40%,
|
1175
|
+
40%,
|
1176
|
+
45% {
|
1092
1177
|
opacity: 1;
|
1093
1178
|
-webkit-transform: translate3d(0, -20px, 0);
|
1094
1179
|
transform: translate3d(0, -20px, 0);
|
@@ -1178,7 +1263,8 @@
|
|
1178
1263
|
transform: translate3d(0, -10px, 0);
|
1179
1264
|
}
|
1180
1265
|
|
1181
|
-
40%,
|
1266
|
+
40%,
|
1267
|
+
45% {
|
1182
1268
|
opacity: 1;
|
1183
1269
|
-webkit-transform: translate3d(0, 20px, 0);
|
1184
1270
|
transform: translate3d(0, 20px, 0);
|
@@ -1197,7 +1283,8 @@
|
|
1197
1283
|
transform: translate3d(0, -10px, 0);
|
1198
1284
|
}
|
1199
1285
|
|
1200
|
-
40%,
|
1286
|
+
40%,
|
1287
|
+
45% {
|
1201
1288
|
opacity: 1;
|
1202
1289
|
-webkit-transform: translate3d(0, 20px, 0);
|
1203
1290
|
transform: translate3d(0, 20px, 0);
|
@@ -1249,8 +1336,8 @@
|
|
1249
1336
|
|
1250
1337
|
to {
|
1251
1338
|
opacity: 1;
|
1252
|
-
-webkit-transform:
|
1253
|
-
transform:
|
1339
|
+
-webkit-transform: translate3d(0, 0, 0);
|
1340
|
+
transform: translate3d(0, 0, 0);
|
1254
1341
|
}
|
1255
1342
|
}
|
1256
1343
|
|
@@ -1263,8 +1350,8 @@
|
|
1263
1350
|
|
1264
1351
|
to {
|
1265
1352
|
opacity: 1;
|
1266
|
-
-webkit-transform:
|
1267
|
-
transform:
|
1353
|
+
-webkit-transform: translate3d(0, 0, 0);
|
1354
|
+
transform: translate3d(0, 0, 0);
|
1268
1355
|
}
|
1269
1356
|
}
|
1270
1357
|
|
@@ -1282,8 +1369,8 @@
|
|
1282
1369
|
|
1283
1370
|
to {
|
1284
1371
|
opacity: 1;
|
1285
|
-
-webkit-transform:
|
1286
|
-
transform:
|
1372
|
+
-webkit-transform: translate3d(0, 0, 0);
|
1373
|
+
transform: translate3d(0, 0, 0);
|
1287
1374
|
}
|
1288
1375
|
}
|
1289
1376
|
|
@@ -1296,8 +1383,8 @@
|
|
1296
1383
|
|
1297
1384
|
to {
|
1298
1385
|
opacity: 1;
|
1299
|
-
-webkit-transform:
|
1300
|
-
transform:
|
1386
|
+
-webkit-transform: translate3d(0, 0, 0);
|
1387
|
+
transform: translate3d(0, 0, 0);
|
1301
1388
|
}
|
1302
1389
|
}
|
1303
1390
|
|
@@ -1315,8 +1402,8 @@
|
|
1315
1402
|
|
1316
1403
|
to {
|
1317
1404
|
opacity: 1;
|
1318
|
-
-webkit-transform:
|
1319
|
-
transform:
|
1405
|
+
-webkit-transform: translate3d(0, 0, 0);
|
1406
|
+
transform: translate3d(0, 0, 0);
|
1320
1407
|
}
|
1321
1408
|
}
|
1322
1409
|
|
@@ -1329,8 +1416,8 @@
|
|
1329
1416
|
|
1330
1417
|
to {
|
1331
1418
|
opacity: 1;
|
1332
|
-
-webkit-transform:
|
1333
|
-
transform:
|
1419
|
+
-webkit-transform: translate3d(0, 0, 0);
|
1420
|
+
transform: translate3d(0, 0, 0);
|
1334
1421
|
}
|
1335
1422
|
}
|
1336
1423
|
|
@@ -1348,8 +1435,8 @@
|
|
1348
1435
|
|
1349
1436
|
to {
|
1350
1437
|
opacity: 1;
|
1351
|
-
-webkit-transform:
|
1352
|
-
transform:
|
1438
|
+
-webkit-transform: translate3d(0, 0, 0);
|
1439
|
+
transform: translate3d(0, 0, 0);
|
1353
1440
|
}
|
1354
1441
|
}
|
1355
1442
|
|
@@ -1362,8 +1449,8 @@
|
|
1362
1449
|
|
1363
1450
|
to {
|
1364
1451
|
opacity: 1;
|
1365
|
-
-webkit-transform:
|
1366
|
-
transform:
|
1452
|
+
-webkit-transform: translate3d(0, 0, 0);
|
1453
|
+
transform: translate3d(0, 0, 0);
|
1367
1454
|
}
|
1368
1455
|
}
|
1369
1456
|
|
@@ -1381,8 +1468,8 @@
|
|
1381
1468
|
|
1382
1469
|
to {
|
1383
1470
|
opacity: 1;
|
1384
|
-
-webkit-transform:
|
1385
|
-
transform:
|
1471
|
+
-webkit-transform: translate3d(0, 0, 0);
|
1472
|
+
transform: translate3d(0, 0, 0);
|
1386
1473
|
}
|
1387
1474
|
}
|
1388
1475
|
|
@@ -1395,8 +1482,8 @@
|
|
1395
1482
|
|
1396
1483
|
to {
|
1397
1484
|
opacity: 1;
|
1398
|
-
-webkit-transform:
|
1399
|
-
transform:
|
1485
|
+
-webkit-transform: translate3d(0, 0, 0);
|
1486
|
+
transform: translate3d(0, 0, 0);
|
1400
1487
|
}
|
1401
1488
|
}
|
1402
1489
|
|
@@ -1414,8 +1501,8 @@
|
|
1414
1501
|
|
1415
1502
|
to {
|
1416
1503
|
opacity: 1;
|
1417
|
-
-webkit-transform:
|
1418
|
-
transform:
|
1504
|
+
-webkit-transform: translate3d(0, 0, 0);
|
1505
|
+
transform: translate3d(0, 0, 0);
|
1419
1506
|
}
|
1420
1507
|
}
|
1421
1508
|
|
@@ -1428,8 +1515,8 @@
|
|
1428
1515
|
|
1429
1516
|
to {
|
1430
1517
|
opacity: 1;
|
1431
|
-
-webkit-transform:
|
1432
|
-
transform:
|
1518
|
+
-webkit-transform: translate3d(0, 0, 0);
|
1519
|
+
transform: translate3d(0, 0, 0);
|
1433
1520
|
}
|
1434
1521
|
}
|
1435
1522
|
|
@@ -1447,8 +1534,8 @@
|
|
1447
1534
|
|
1448
1535
|
to {
|
1449
1536
|
opacity: 1;
|
1450
|
-
-webkit-transform:
|
1451
|
-
transform:
|
1537
|
+
-webkit-transform: translate3d(0, 0, 0);
|
1538
|
+
transform: translate3d(0, 0, 0);
|
1452
1539
|
}
|
1453
1540
|
}
|
1454
1541
|
|
@@ -1461,8 +1548,8 @@
|
|
1461
1548
|
|
1462
1549
|
to {
|
1463
1550
|
opacity: 1;
|
1464
|
-
-webkit-transform:
|
1465
|
-
transform:
|
1551
|
+
-webkit-transform: translate3d(0, 0, 0);
|
1552
|
+
transform: translate3d(0, 0, 0);
|
1466
1553
|
}
|
1467
1554
|
}
|
1468
1555
|
|
@@ -1480,8 +1567,8 @@
|
|
1480
1567
|
|
1481
1568
|
to {
|
1482
1569
|
opacity: 1;
|
1483
|
-
-webkit-transform:
|
1484
|
-
transform:
|
1570
|
+
-webkit-transform: translate3d(0, 0, 0);
|
1571
|
+
transform: translate3d(0, 0, 0);
|
1485
1572
|
}
|
1486
1573
|
}
|
1487
1574
|
|
@@ -1494,8 +1581,8 @@
|
|
1494
1581
|
|
1495
1582
|
to {
|
1496
1583
|
opacity: 1;
|
1497
|
-
-webkit-transform:
|
1498
|
-
transform:
|
1584
|
+
-webkit-transform: translate3d(0, 0, 0);
|
1585
|
+
transform: translate3d(0, 0, 0);
|
1499
1586
|
}
|
1500
1587
|
}
|
1501
1588
|
|
@@ -1784,8 +1871,8 @@
|
|
1784
1871
|
}
|
1785
1872
|
|
1786
1873
|
80% {
|
1787
|
-
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
|
1788
|
-
transform: perspective(400px) scale3d(.95, .95, .95);
|
1874
|
+
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
|
1875
|
+
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
|
1789
1876
|
-webkit-animation-timing-function: ease-in;
|
1790
1877
|
animation-timing-function: ease-in;
|
1791
1878
|
}
|
@@ -1821,8 +1908,8 @@
|
|
1821
1908
|
}
|
1822
1909
|
|
1823
1910
|
80% {
|
1824
|
-
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
|
1825
|
-
transform: perspective(400px) scale3d(.95, .95, .95);
|
1911
|
+
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
|
1912
|
+
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
|
1826
1913
|
-webkit-animation-timing-function: ease-in;
|
1827
1914
|
animation-timing-function: ease-in;
|
1828
1915
|
}
|
@@ -2027,6 +2114,8 @@
|
|
2027
2114
|
}
|
2028
2115
|
|
2029
2116
|
.flipOutX {
|
2117
|
+
-webkit-animation-duration: 0.75s;
|
2118
|
+
animation-duration: 0.75s;
|
2030
2119
|
-webkit-animation-name: flipOutX;
|
2031
2120
|
animation-name: flipOutX;
|
2032
2121
|
-webkit-backface-visibility: visible !important;
|
@@ -2072,6 +2161,8 @@
|
|
2072
2161
|
}
|
2073
2162
|
|
2074
2163
|
.flipOutY {
|
2164
|
+
-webkit-animation-duration: 0.75s;
|
2165
|
+
animation-duration: 0.75s;
|
2075
2166
|
-webkit-backface-visibility: visible !important;
|
2076
2167
|
backface-visibility: visible !important;
|
2077
2168
|
-webkit-animation-name: flipOutY;
|
@@ -2098,8 +2189,8 @@
|
|
2098
2189
|
}
|
2099
2190
|
|
2100
2191
|
to {
|
2101
|
-
-webkit-transform:
|
2102
|
-
transform:
|
2192
|
+
-webkit-transform: translate3d(0, 0, 0);
|
2193
|
+
transform: translate3d(0, 0, 0);
|
2103
2194
|
opacity: 1;
|
2104
2195
|
}
|
2105
2196
|
}
|
@@ -2124,8 +2215,8 @@
|
|
2124
2215
|
}
|
2125
2216
|
|
2126
2217
|
to {
|
2127
|
-
-webkit-transform:
|
2128
|
-
transform:
|
2218
|
+
-webkit-transform: translate3d(0, 0, 0);
|
2219
|
+
transform: translate3d(0, 0, 0);
|
2129
2220
|
opacity: 1;
|
2130
2221
|
}
|
2131
2222
|
}
|
@@ -2180,8 +2271,8 @@
|
|
2180
2271
|
to {
|
2181
2272
|
-webkit-transform-origin: center;
|
2182
2273
|
transform-origin: center;
|
2183
|
-
-webkit-transform:
|
2184
|
-
transform:
|
2274
|
+
-webkit-transform: translate3d(0, 0, 0);
|
2275
|
+
transform: translate3d(0, 0, 0);
|
2185
2276
|
opacity: 1;
|
2186
2277
|
}
|
2187
2278
|
}
|
@@ -2198,8 +2289,8 @@
|
|
2198
2289
|
to {
|
2199
2290
|
-webkit-transform-origin: center;
|
2200
2291
|
transform-origin: center;
|
2201
|
-
-webkit-transform:
|
2202
|
-
transform:
|
2292
|
+
-webkit-transform: translate3d(0, 0, 0);
|
2293
|
+
transform: translate3d(0, 0, 0);
|
2203
2294
|
opacity: 1;
|
2204
2295
|
}
|
2205
2296
|
}
|
@@ -2221,8 +2312,8 @@
|
|
2221
2312
|
to {
|
2222
2313
|
-webkit-transform-origin: left bottom;
|
2223
2314
|
transform-origin: left bottom;
|
2224
|
-
-webkit-transform:
|
2225
|
-
transform:
|
2315
|
+
-webkit-transform: translate3d(0, 0, 0);
|
2316
|
+
transform: translate3d(0, 0, 0);
|
2226
2317
|
opacity: 1;
|
2227
2318
|
}
|
2228
2319
|
}
|
@@ -2239,8 +2330,8 @@
|
|
2239
2330
|
to {
|
2240
2331
|
-webkit-transform-origin: left bottom;
|
2241
2332
|
transform-origin: left bottom;
|
2242
|
-
-webkit-transform:
|
2243
|
-
transform:
|
2333
|
+
-webkit-transform: translate3d(0, 0, 0);
|
2334
|
+
transform: translate3d(0, 0, 0);
|
2244
2335
|
opacity: 1;
|
2245
2336
|
}
|
2246
2337
|
}
|
@@ -2262,8 +2353,8 @@
|
|
2262
2353
|
to {
|
2263
2354
|
-webkit-transform-origin: right bottom;
|
2264
2355
|
transform-origin: right bottom;
|
2265
|
-
-webkit-transform:
|
2266
|
-
transform:
|
2356
|
+
-webkit-transform: translate3d(0, 0, 0);
|
2357
|
+
transform: translate3d(0, 0, 0);
|
2267
2358
|
opacity: 1;
|
2268
2359
|
}
|
2269
2360
|
}
|
@@ -2280,8 +2371,8 @@
|
|
2280
2371
|
to {
|
2281
2372
|
-webkit-transform-origin: right bottom;
|
2282
2373
|
transform-origin: right bottom;
|
2283
|
-
-webkit-transform:
|
2284
|
-
transform:
|
2374
|
+
-webkit-transform: translate3d(0, 0, 0);
|
2375
|
+
transform: translate3d(0, 0, 0);
|
2285
2376
|
opacity: 1;
|
2286
2377
|
}
|
2287
2378
|
}
|
@@ -2303,8 +2394,8 @@
|
|
2303
2394
|
to {
|
2304
2395
|
-webkit-transform-origin: left bottom;
|
2305
2396
|
transform-origin: left bottom;
|
2306
|
-
-webkit-transform:
|
2307
|
-
transform:
|
2397
|
+
-webkit-transform: translate3d(0, 0, 0);
|
2398
|
+
transform: translate3d(0, 0, 0);
|
2308
2399
|
opacity: 1;
|
2309
2400
|
}
|
2310
2401
|
}
|
@@ -2321,8 +2412,8 @@
|
|
2321
2412
|
to {
|
2322
2413
|
-webkit-transform-origin: left bottom;
|
2323
2414
|
transform-origin: left bottom;
|
2324
|
-
-webkit-transform:
|
2325
|
-
transform:
|
2415
|
+
-webkit-transform: translate3d(0, 0, 0);
|
2416
|
+
transform: translate3d(0, 0, 0);
|
2326
2417
|
opacity: 1;
|
2327
2418
|
}
|
2328
2419
|
}
|
@@ -2344,8 +2435,8 @@
|
|
2344
2435
|
to {
|
2345
2436
|
-webkit-transform-origin: right bottom;
|
2346
2437
|
transform-origin: right bottom;
|
2347
|
-
-webkit-transform:
|
2348
|
-
transform:
|
2438
|
+
-webkit-transform: translate3d(0, 0, 0);
|
2439
|
+
transform: translate3d(0, 0, 0);
|
2349
2440
|
opacity: 1;
|
2350
2441
|
}
|
2351
2442
|
}
|
@@ -2362,8 +2453,8 @@
|
|
2362
2453
|
to {
|
2363
2454
|
-webkit-transform-origin: right bottom;
|
2364
2455
|
transform-origin: right bottom;
|
2365
|
-
-webkit-transform:
|
2366
|
-
transform:
|
2456
|
+
-webkit-transform: translate3d(0, 0, 0);
|
2457
|
+
transform: translate3d(0, 0, 0);
|
2367
2458
|
opacity: 1;
|
2368
2459
|
}
|
2369
2460
|
}
|
@@ -2566,7 +2657,8 @@
|
|
2566
2657
|
animation-timing-function: ease-in-out;
|
2567
2658
|
}
|
2568
2659
|
|
2569
|
-
20%,
|
2660
|
+
20%,
|
2661
|
+
60% {
|
2570
2662
|
-webkit-transform: rotate3d(0, 0, 1, 80deg);
|
2571
2663
|
transform: rotate3d(0, 0, 1, 80deg);
|
2572
2664
|
-webkit-transform-origin: top left;
|
@@ -2575,7 +2667,8 @@
|
|
2575
2667
|
animation-timing-function: ease-in-out;
|
2576
2668
|
}
|
2577
2669
|
|
2578
|
-
40%,
|
2670
|
+
40%,
|
2671
|
+
80% {
|
2579
2672
|
-webkit-transform: rotate3d(0, 0, 1, 60deg);
|
2580
2673
|
transform: rotate3d(0, 0, 1, 60deg);
|
2581
2674
|
-webkit-transform-origin: top left;
|
@@ -2600,7 +2693,8 @@
|
|
2600
2693
|
animation-timing-function: ease-in-out;
|
2601
2694
|
}
|
2602
2695
|
|
2603
|
-
20%,
|
2696
|
+
20%,
|
2697
|
+
60% {
|
2604
2698
|
-webkit-transform: rotate3d(0, 0, 1, 80deg);
|
2605
2699
|
transform: rotate3d(0, 0, 1, 80deg);
|
2606
2700
|
-webkit-transform-origin: top left;
|
@@ -2609,7 +2703,8 @@
|
|
2609
2703
|
animation-timing-function: ease-in-out;
|
2610
2704
|
}
|
2611
2705
|
|
2612
|
-
40%,
|
2706
|
+
40%,
|
2707
|
+
80% {
|
2613
2708
|
-webkit-transform: rotate3d(0, 0, 1, 60deg);
|
2614
2709
|
transform: rotate3d(0, 0, 1, 60deg);
|
2615
2710
|
-webkit-transform-origin: top left;
|
@@ -2627,10 +2722,69 @@
|
|
2627
2722
|
}
|
2628
2723
|
|
2629
2724
|
.hinge {
|
2725
|
+
-webkit-animation-duration: 2s;
|
2726
|
+
animation-duration: 2s;
|
2630
2727
|
-webkit-animation-name: hinge;
|
2631
2728
|
animation-name: hinge;
|
2632
2729
|
}
|
2633
2730
|
|
2731
|
+
@-webkit-keyframes jackInTheBox {
|
2732
|
+
from {
|
2733
|
+
opacity: 0;
|
2734
|
+
-webkit-transform: scale(0.1) rotate(30deg);
|
2735
|
+
transform: scale(0.1) rotate(30deg);
|
2736
|
+
-webkit-transform-origin: center bottom;
|
2737
|
+
transform-origin: center bottom;
|
2738
|
+
}
|
2739
|
+
|
2740
|
+
50% {
|
2741
|
+
-webkit-transform: rotate(-10deg);
|
2742
|
+
transform: rotate(-10deg);
|
2743
|
+
}
|
2744
|
+
|
2745
|
+
70% {
|
2746
|
+
-webkit-transform: rotate(3deg);
|
2747
|
+
transform: rotate(3deg);
|
2748
|
+
}
|
2749
|
+
|
2750
|
+
to {
|
2751
|
+
opacity: 1;
|
2752
|
+
-webkit-transform: scale(1);
|
2753
|
+
transform: scale(1);
|
2754
|
+
}
|
2755
|
+
}
|
2756
|
+
|
2757
|
+
@keyframes jackInTheBox {
|
2758
|
+
from {
|
2759
|
+
opacity: 0;
|
2760
|
+
-webkit-transform: scale(0.1) rotate(30deg);
|
2761
|
+
transform: scale(0.1) rotate(30deg);
|
2762
|
+
-webkit-transform-origin: center bottom;
|
2763
|
+
transform-origin: center bottom;
|
2764
|
+
}
|
2765
|
+
|
2766
|
+
50% {
|
2767
|
+
-webkit-transform: rotate(-10deg);
|
2768
|
+
transform: rotate(-10deg);
|
2769
|
+
}
|
2770
|
+
|
2771
|
+
70% {
|
2772
|
+
-webkit-transform: rotate(3deg);
|
2773
|
+
transform: rotate(3deg);
|
2774
|
+
}
|
2775
|
+
|
2776
|
+
to {
|
2777
|
+
opacity: 1;
|
2778
|
+
-webkit-transform: scale(1);
|
2779
|
+
transform: scale(1);
|
2780
|
+
}
|
2781
|
+
}
|
2782
|
+
|
2783
|
+
.jackInTheBox {
|
2784
|
+
-webkit-animation-name: jackInTheBox;
|
2785
|
+
animation-name: jackInTheBox;
|
2786
|
+
}
|
2787
|
+
|
2634
2788
|
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
2635
2789
|
|
2636
2790
|
@-webkit-keyframes rollIn {
|
@@ -2642,8 +2796,8 @@
|
|
2642
2796
|
|
2643
2797
|
to {
|
2644
2798
|
opacity: 1;
|
2645
|
-
-webkit-transform:
|
2646
|
-
transform:
|
2799
|
+
-webkit-transform: translate3d(0, 0, 0);
|
2800
|
+
transform: translate3d(0, 0, 0);
|
2647
2801
|
}
|
2648
2802
|
}
|
2649
2803
|
|
@@ -2656,8 +2810,8 @@
|
|
2656
2810
|
|
2657
2811
|
to {
|
2658
2812
|
opacity: 1;
|
2659
|
-
-webkit-transform:
|
2660
|
-
transform:
|
2813
|
+
-webkit-transform: translate3d(0, 0, 0);
|
2814
|
+
transform: translate3d(0, 0, 0);
|
2661
2815
|
}
|
2662
2816
|
}
|
2663
2817
|
|
@@ -2700,8 +2854,8 @@
|
|
2700
2854
|
@-webkit-keyframes zoomIn {
|
2701
2855
|
from {
|
2702
2856
|
opacity: 0;
|
2703
|
-
-webkit-transform: scale3d(.3, .3, .3);
|
2704
|
-
transform: scale3d(.3, .3, .3);
|
2857
|
+
-webkit-transform: scale3d(0.3, 0.3, 0.3);
|
2858
|
+
transform: scale3d(0.3, 0.3, 0.3);
|
2705
2859
|
}
|
2706
2860
|
|
2707
2861
|
50% {
|
@@ -2712,8 +2866,8 @@
|
|
2712
2866
|
@keyframes zoomIn {
|
2713
2867
|
from {
|
2714
2868
|
opacity: 0;
|
2715
|
-
-webkit-transform: scale3d(.3, .3, .3);
|
2716
|
-
transform: scale3d(.3, .3, .3);
|
2869
|
+
-webkit-transform: scale3d(0.3, 0.3, 0.3);
|
2870
|
+
transform: scale3d(0.3, 0.3, 0.3);
|
2717
2871
|
}
|
2718
2872
|
|
2719
2873
|
50% {
|
@@ -2729,36 +2883,36 @@
|
|
2729
2883
|
@-webkit-keyframes zoomInDown {
|
2730
2884
|
from {
|
2731
2885
|
opacity: 0;
|
2732
|
-
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
2733
|
-
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
2734
|
-
-webkit-animation-timing-function: cubic-bezier(0.
|
2735
|
-
animation-timing-function: cubic-bezier(0.
|
2886
|
+
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
|
2887
|
+
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
|
2888
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
2889
|
+
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
2736
2890
|
}
|
2737
2891
|
|
2738
2892
|
60% {
|
2739
2893
|
opacity: 1;
|
2740
|
-
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
2741
|
-
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
2742
|
-
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
2743
|
-
animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
2894
|
+
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
|
2895
|
+
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
|
2896
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
2897
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
2744
2898
|
}
|
2745
2899
|
}
|
2746
2900
|
|
2747
2901
|
@keyframes zoomInDown {
|
2748
2902
|
from {
|
2749
2903
|
opacity: 0;
|
2750
|
-
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
2751
|
-
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
2752
|
-
-webkit-animation-timing-function: cubic-bezier(0.
|
2753
|
-
animation-timing-function: cubic-bezier(0.
|
2904
|
+
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
|
2905
|
+
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
|
2906
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
2907
|
+
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
2754
2908
|
}
|
2755
2909
|
|
2756
2910
|
60% {
|
2757
2911
|
opacity: 1;
|
2758
|
-
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
2759
|
-
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
2760
|
-
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
2761
|
-
animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
2912
|
+
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
|
2913
|
+
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
|
2914
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
2915
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
2762
2916
|
}
|
2763
2917
|
}
|
2764
2918
|
|
@@ -2770,36 +2924,36 @@
|
|
2770
2924
|
@-webkit-keyframes zoomInLeft {
|
2771
2925
|
from {
|
2772
2926
|
opacity: 0;
|
2773
|
-
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
2774
|
-
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
2775
|
-
-webkit-animation-timing-function: cubic-bezier(0.
|
2776
|
-
animation-timing-function: cubic-bezier(0.
|
2927
|
+
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
|
2928
|
+
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
|
2929
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
2930
|
+
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
2777
2931
|
}
|
2778
2932
|
|
2779
2933
|
60% {
|
2780
2934
|
opacity: 1;
|
2781
|
-
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
2782
|
-
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
2783
|
-
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
2784
|
-
animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
2935
|
+
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
|
2936
|
+
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
|
2937
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
2938
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
2785
2939
|
}
|
2786
2940
|
}
|
2787
2941
|
|
2788
2942
|
@keyframes zoomInLeft {
|
2789
2943
|
from {
|
2790
2944
|
opacity: 0;
|
2791
|
-
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
2792
|
-
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
2793
|
-
-webkit-animation-timing-function: cubic-bezier(0.
|
2794
|
-
animation-timing-function: cubic-bezier(0.
|
2945
|
+
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
|
2946
|
+
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
|
2947
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
2948
|
+
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
2795
2949
|
}
|
2796
2950
|
|
2797
2951
|
60% {
|
2798
2952
|
opacity: 1;
|
2799
|
-
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
2800
|
-
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
2801
|
-
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
2802
|
-
animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
2953
|
+
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
|
2954
|
+
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
|
2955
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
2956
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
2803
2957
|
}
|
2804
2958
|
}
|
2805
2959
|
|
@@ -2811,36 +2965,36 @@
|
|
2811
2965
|
@-webkit-keyframes zoomInRight {
|
2812
2966
|
from {
|
2813
2967
|
opacity: 0;
|
2814
|
-
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
2815
|
-
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
2816
|
-
-webkit-animation-timing-function: cubic-bezier(0.
|
2817
|
-
animation-timing-function: cubic-bezier(0.
|
2968
|
+
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
|
2969
|
+
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
|
2970
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
2971
|
+
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
2818
2972
|
}
|
2819
2973
|
|
2820
2974
|
60% {
|
2821
2975
|
opacity: 1;
|
2822
|
-
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
2823
|
-
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
2824
|
-
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
2825
|
-
animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
2976
|
+
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
|
2977
|
+
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
|
2978
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
2979
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
2826
2980
|
}
|
2827
2981
|
}
|
2828
2982
|
|
2829
2983
|
@keyframes zoomInRight {
|
2830
2984
|
from {
|
2831
2985
|
opacity: 0;
|
2832
|
-
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
2833
|
-
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
2834
|
-
-webkit-animation-timing-function: cubic-bezier(0.
|
2835
|
-
animation-timing-function: cubic-bezier(0.
|
2986
|
+
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
|
2987
|
+
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
|
2988
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
2989
|
+
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
2836
2990
|
}
|
2837
2991
|
|
2838
2992
|
60% {
|
2839
2993
|
opacity: 1;
|
2840
|
-
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
2841
|
-
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
2842
|
-
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
2843
|
-
animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
2994
|
+
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
|
2995
|
+
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
|
2996
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
2997
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
2844
2998
|
}
|
2845
2999
|
}
|
2846
3000
|
|
@@ -2852,36 +3006,36 @@
|
|
2852
3006
|
@-webkit-keyframes zoomInUp {
|
2853
3007
|
from {
|
2854
3008
|
opacity: 0;
|
2855
|
-
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
2856
|
-
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
2857
|
-
-webkit-animation-timing-function: cubic-bezier(0.
|
2858
|
-
animation-timing-function: cubic-bezier(0.
|
3009
|
+
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
|
3010
|
+
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
|
3011
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
3012
|
+
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
2859
3013
|
}
|
2860
3014
|
|
2861
3015
|
60% {
|
2862
3016
|
opacity: 1;
|
2863
|
-
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2864
|
-
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2865
|
-
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
2866
|
-
animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
3017
|
+
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
|
3018
|
+
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
|
3019
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
3020
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
2867
3021
|
}
|
2868
3022
|
}
|
2869
3023
|
|
2870
3024
|
@keyframes zoomInUp {
|
2871
3025
|
from {
|
2872
3026
|
opacity: 0;
|
2873
|
-
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
2874
|
-
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
2875
|
-
-webkit-animation-timing-function: cubic-bezier(0.
|
2876
|
-
animation-timing-function: cubic-bezier(0.
|
3027
|
+
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
|
3028
|
+
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
|
3029
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
3030
|
+
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
2877
3031
|
}
|
2878
3032
|
|
2879
3033
|
60% {
|
2880
3034
|
opacity: 1;
|
2881
|
-
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2882
|
-
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2883
|
-
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
2884
|
-
animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
3035
|
+
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
|
3036
|
+
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
|
3037
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
3038
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
2885
3039
|
}
|
2886
3040
|
}
|
2887
3041
|
|
@@ -2897,8 +3051,8 @@
|
|
2897
3051
|
|
2898
3052
|
50% {
|
2899
3053
|
opacity: 0;
|
2900
|
-
-webkit-transform: scale3d(.3, .3, .3);
|
2901
|
-
transform: scale3d(.3, .3, .3);
|
3054
|
+
-webkit-transform: scale3d(0.3, 0.3, 0.3);
|
3055
|
+
transform: scale3d(0.3, 0.3, 0.3);
|
2902
3056
|
}
|
2903
3057
|
|
2904
3058
|
to {
|
@@ -2913,8 +3067,8 @@
|
|
2913
3067
|
|
2914
3068
|
50% {
|
2915
3069
|
opacity: 0;
|
2916
|
-
-webkit-transform: scale3d(.3, .3, .3);
|
2917
|
-
transform: scale3d(.3, .3, .3);
|
3070
|
+
-webkit-transform: scale3d(0.3, 0.3, 0.3);
|
3071
|
+
transform: scale3d(0.3, 0.3, 0.3);
|
2918
3072
|
}
|
2919
3073
|
|
2920
3074
|
to {
|
@@ -2930,40 +3084,40 @@
|
|
2930
3084
|
@-webkit-keyframes zoomOutDown {
|
2931
3085
|
40% {
|
2932
3086
|
opacity: 1;
|
2933
|
-
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2934
|
-
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2935
|
-
-webkit-animation-timing-function: cubic-bezier(0.
|
2936
|
-
animation-timing-function: cubic-bezier(0.
|
3087
|
+
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
|
3088
|
+
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
|
3089
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
3090
|
+
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
2937
3091
|
}
|
2938
3092
|
|
2939
3093
|
to {
|
2940
3094
|
opacity: 0;
|
2941
|
-
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
2942
|
-
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
3095
|
+
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
|
3096
|
+
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
|
2943
3097
|
-webkit-transform-origin: center bottom;
|
2944
3098
|
transform-origin: center bottom;
|
2945
|
-
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
2946
|
-
animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
3099
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
3100
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
2947
3101
|
}
|
2948
3102
|
}
|
2949
3103
|
|
2950
3104
|
@keyframes zoomOutDown {
|
2951
3105
|
40% {
|
2952
3106
|
opacity: 1;
|
2953
|
-
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2954
|
-
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2955
|
-
-webkit-animation-timing-function: cubic-bezier(0.
|
2956
|
-
animation-timing-function: cubic-bezier(0.
|
3107
|
+
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
|
3108
|
+
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
|
3109
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
3110
|
+
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
2957
3111
|
}
|
2958
3112
|
|
2959
3113
|
to {
|
2960
3114
|
opacity: 0;
|
2961
|
-
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
2962
|
-
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
3115
|
+
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
|
3116
|
+
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
|
2963
3117
|
-webkit-transform-origin: center bottom;
|
2964
3118
|
transform-origin: center bottom;
|
2965
|
-
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
2966
|
-
animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
3119
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
3120
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
2967
3121
|
}
|
2968
3122
|
}
|
2969
3123
|
|
@@ -2975,14 +3129,14 @@
|
|
2975
3129
|
@-webkit-keyframes zoomOutLeft {
|
2976
3130
|
40% {
|
2977
3131
|
opacity: 1;
|
2978
|
-
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
2979
|
-
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
3132
|
+
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
|
3133
|
+
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
|
2980
3134
|
}
|
2981
3135
|
|
2982
3136
|
to {
|
2983
3137
|
opacity: 0;
|
2984
|
-
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
|
2985
|
-
transform: scale(.1) translate3d(-2000px, 0, 0);
|
3138
|
+
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
|
3139
|
+
transform: scale(0.1) translate3d(-2000px, 0, 0);
|
2986
3140
|
-webkit-transform-origin: left center;
|
2987
3141
|
transform-origin: left center;
|
2988
3142
|
}
|
@@ -2991,14 +3145,14 @@
|
|
2991
3145
|
@keyframes zoomOutLeft {
|
2992
3146
|
40% {
|
2993
3147
|
opacity: 1;
|
2994
|
-
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
2995
|
-
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
3148
|
+
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
|
3149
|
+
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
|
2996
3150
|
}
|
2997
3151
|
|
2998
3152
|
to {
|
2999
3153
|
opacity: 0;
|
3000
|
-
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
|
3001
|
-
transform: scale(.1) translate3d(-2000px, 0, 0);
|
3154
|
+
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
|
3155
|
+
transform: scale(0.1) translate3d(-2000px, 0, 0);
|
3002
3156
|
-webkit-transform-origin: left center;
|
3003
3157
|
transform-origin: left center;
|
3004
3158
|
}
|
@@ -3012,14 +3166,14 @@
|
|
3012
3166
|
@-webkit-keyframes zoomOutRight {
|
3013
3167
|
40% {
|
3014
3168
|
opacity: 1;
|
3015
|
-
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
3016
|
-
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
3169
|
+
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
|
3170
|
+
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
|
3017
3171
|
}
|
3018
3172
|
|
3019
3173
|
to {
|
3020
3174
|
opacity: 0;
|
3021
|
-
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
|
3022
|
-
transform: scale(.1) translate3d(2000px, 0, 0);
|
3175
|
+
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
|
3176
|
+
transform: scale(0.1) translate3d(2000px, 0, 0);
|
3023
3177
|
-webkit-transform-origin: right center;
|
3024
3178
|
transform-origin: right center;
|
3025
3179
|
}
|
@@ -3028,14 +3182,14 @@
|
|
3028
3182
|
@keyframes zoomOutRight {
|
3029
3183
|
40% {
|
3030
3184
|
opacity: 1;
|
3031
|
-
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
3032
|
-
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
3185
|
+
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
|
3186
|
+
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
|
3033
3187
|
}
|
3034
3188
|
|
3035
3189
|
to {
|
3036
3190
|
opacity: 0;
|
3037
|
-
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
|
3038
|
-
transform: scale(.1) translate3d(2000px, 0, 0);
|
3191
|
+
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
|
3192
|
+
transform: scale(0.1) translate3d(2000px, 0, 0);
|
3039
3193
|
-webkit-transform-origin: right center;
|
3040
3194
|
transform-origin: right center;
|
3041
3195
|
}
|
@@ -3049,40 +3203,40 @@
|
|
3049
3203
|
@-webkit-keyframes zoomOutUp {
|
3050
3204
|
40% {
|
3051
3205
|
opacity: 1;
|
3052
|
-
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
3053
|
-
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
3054
|
-
-webkit-animation-timing-function: cubic-bezier(0.
|
3055
|
-
animation-timing-function: cubic-bezier(0.
|
3206
|
+
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
|
3207
|
+
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
|
3208
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
3209
|
+
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
3056
3210
|
}
|
3057
3211
|
|
3058
3212
|
to {
|
3059
3213
|
opacity: 0;
|
3060
|
-
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
3061
|
-
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
3214
|
+
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
|
3215
|
+
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
|
3062
3216
|
-webkit-transform-origin: center bottom;
|
3063
3217
|
transform-origin: center bottom;
|
3064
|
-
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
3065
|
-
animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
3218
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
3219
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
3066
3220
|
}
|
3067
3221
|
}
|
3068
3222
|
|
3069
3223
|
@keyframes zoomOutUp {
|
3070
3224
|
40% {
|
3071
3225
|
opacity: 1;
|
3072
|
-
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
3073
|
-
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
3074
|
-
-webkit-animation-timing-function: cubic-bezier(0.
|
3075
|
-
animation-timing-function: cubic-bezier(0.
|
3226
|
+
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
|
3227
|
+
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
|
3228
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
3229
|
+
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
3076
3230
|
}
|
3077
3231
|
|
3078
3232
|
to {
|
3079
3233
|
opacity: 0;
|
3080
|
-
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
3081
|
-
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
3234
|
+
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
|
3235
|
+
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
|
3082
3236
|
-webkit-transform-origin: center bottom;
|
3083
3237
|
transform-origin: center bottom;
|
3084
|
-
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
3085
|
-
animation-timing-function: cubic-bezier(0.175, 0.885, 0.
|
3238
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
3239
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
3086
3240
|
}
|
3087
3241
|
}
|
3088
3242
|
|