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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 05e104611c9297e6b752a6aed71b5c40259029f2
4
- data.tar.gz: aada37b170d7b9a50d0693f611dfe455c2d8cfef
3
+ metadata.gz: d034c2515d28c1e4314fd332dc3c712e121dffb7
4
+ data.tar.gz: a616f54ba6ff95bcfcc4031ec9cd9f5a5a856f17
5
5
  SHA512:
6
- metadata.gz: 5d14d0a6e43f2d2dd05c95ba357039f7eb9d73895e1d27734afc0ca75e7063196a7d783b2621d8124a0334247f8d99a7df8268f9b11ce410bbf7959e8468323f
7
- data.tar.gz: 63c4f8c3b5f3aae373c869e570e333d958e6c0fc1cfcc2201fe90b67631c10117f2677f4fce399f7213b473f71ab75804a000861f0326b079679bd6d0bb8d15e
6
+ metadata.gz: ce546bcdde6010fb80d59b08e68519f92ca28cf0310c6df343b5f7afb60dc49dfa220d105392400a4402bc3a309b916420b4e73331005288b5e965289c20981f
7
+ data.tar.gz: a2b0eec05b61c4379fff7baa40f8e796ba7ec1888b931f77ab48de5b37c64ac65e2f67ddd5c5db71803ef19e042f090173356a9f39e2c7e5dfb2c89093643c31
@@ -3,6 +3,7 @@ sudo: false
3
3
  script: 'bundle exec rspec'
4
4
  rvm:
5
5
  - 2.2.3
6
- - ruby-head
6
+ - 2.2.4
7
+ - 2.3.0
7
8
  addons:
8
9
  sqlite3: "sqlite3"
@@ -1,3 +1,3 @@
1
1
  module Animatecss
2
- VERSION = "0.0.8"
2
+ VERSION = "0.0.9"
3
3
  end
@@ -2,10 +2,10 @@
2
2
 
3
3
  /*!
4
4
  * animate.css -http://daneden.me/animate
5
- * Version - 3.5.1
5
+ * Version - 3.6.0
6
6
  * Licensed under the MIT license - http://opensource.org/licenses/MIT
7
7
  *
8
- * Copyright (c) 2016 Daniel Eden
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, 20%, 53%, 80%, to {
38
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
39
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
40
- -webkit-transform: translate3d(0,0,0);
41
- transform: translate3d(0,0,0);
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%, 43% {
45
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
46
- animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
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.050, 0.855, 0.060);
53
- animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
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,-4px,0);
60
- transform: translate3d(0,-4px,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, 20%, 53%, 80%, to {
66
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
67
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
68
- -webkit-transform: translate3d(0,0,0);
69
- transform: translate3d(0,0,0);
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%, 43% {
73
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
74
- animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
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.050, 0.855, 0.060);
81
- animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
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,-4px,0);
88
- transform: translate3d(0,-4px,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, 50%, to {
97
+ from,
98
+ 50%,
99
+ to {
101
100
  opacity: 1;
102
101
  }
103
102
 
104
- 25%, 75% {
103
+ 25%,
104
+ 75% {
105
105
  opacity: 0;
106
106
  }
107
107
  }
108
108
 
109
109
  @keyframes flash {
110
- from, 50%, to {
110
+ from,
111
+ 50%,
112
+ to {
111
113
  opacity: 1;
112
114
  }
113
115
 
114
- 25%, 75% {
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, to {
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%, 30%, 50%, 70%, 90% {
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%, 40%, 60%, 80% {
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, to {
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%, 30%, 50%, 70%, 90% {
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%, 40%, 60%, 80% {
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%, 20% {
422
- -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
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%, 50%, 70%, 90% {
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%, 60%, 80% {
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%, 20% {
449
- -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
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%, 50%, 70%, 90% {
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%, 60%, 80% {
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: none;
479
- transform: none;
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: none;
509
- transform: none;
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: none;
516
- transform: none;
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: none;
546
- transform: none;
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, 11.1%, to {
557
- -webkit-transform: none;
558
- transform: none;
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, 11.1%, to {
599
- -webkit-transform: none;
600
- transform: none;
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, 20%, 40%, 60%, 80%, to {
648
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
649
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
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, 20%, 40%, 60%, 80%, to {
688
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
689
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
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, 60%, 75%, 90%, to {
733
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
734
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
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: none;
761
- transform: none;
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, 60%, 75%, 90%, to {
767
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
768
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
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: none;
795
- transform: none;
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, 60%, 75%, 90%, to {
806
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
807
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
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: none;
834
- transform: none;
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, 60%, 75%, 90%, to {
840
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
841
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
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: none;
868
- transform: none;
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, 60%, 75%, 90%, to {
879
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
880
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
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: none;
907
- transform: none;
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, 60%, 75%, 90%, to {
913
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
914
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
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: none;
941
- transform: none;
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, 60%, 75%, 90%, to {
952
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
953
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
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, 60%, 75%, 90%, to {
986
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
987
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
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%, 55% {
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%, 55% {
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%, 45% {
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%, 45% {
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%, 45% {
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%, 45% {
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: none;
1253
- transform: none;
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: none;
1267
- transform: none;
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: none;
1286
- transform: none;
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: none;
1300
- transform: none;
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: none;
1319
- transform: none;
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: none;
1333
- transform: none;
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: none;
1352
- transform: none;
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: none;
1366
- transform: none;
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: none;
1385
- transform: none;
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: none;
1399
- transform: none;
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: none;
1418
- transform: none;
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: none;
1432
- transform: none;
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: none;
1451
- transform: none;
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: none;
1465
- transform: none;
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: none;
1484
- transform: none;
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: none;
1498
- transform: none;
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: none;
2102
- transform: none;
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: none;
2128
- transform: none;
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: none;
2184
- transform: none;
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: none;
2202
- transform: none;
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: none;
2225
- transform: none;
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: none;
2243
- transform: none;
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: none;
2266
- transform: none;
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: none;
2284
- transform: none;
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: none;
2307
- transform: none;
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: none;
2325
- transform: none;
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: none;
2348
- transform: none;
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: none;
2366
- transform: none;
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%, 60% {
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%, 80% {
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%, 60% {
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%, 80% {
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: none;
2646
- transform: none;
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: none;
2660
- transform: none;
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.550, 0.055, 0.675, 0.190);
2735
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
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.320, 1);
2743
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
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.550, 0.055, 0.675, 0.190);
2753
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
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.320, 1);
2761
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
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.550, 0.055, 0.675, 0.190);
2776
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
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.320, 1);
2784
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
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.550, 0.055, 0.675, 0.190);
2794
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
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.320, 1);
2802
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
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.550, 0.055, 0.675, 0.190);
2817
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
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.320, 1);
2825
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
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.550, 0.055, 0.675, 0.190);
2835
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
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.320, 1);
2843
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
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.550, 0.055, 0.675, 0.190);
2858
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
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.320, 1);
2866
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
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.550, 0.055, 0.675, 0.190);
2876
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
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.320, 1);
2884
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
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.550, 0.055, 0.675, 0.190);
2936
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
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.320, 1);
2946
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
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.550, 0.055, 0.675, 0.190);
2956
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
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.320, 1);
2966
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
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.550, 0.055, 0.675, 0.190);
3055
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
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.320, 1);
3065
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
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.550, 0.055, 0.675, 0.190);
3075
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
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.320, 1);
3085
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
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