animatecss 0.0.8 → 0.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|
|