saffron 0.2.0 → 0.2.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (84) hide show
  1. data/.travis.yml +2 -4
  2. data/Gemfile.lock +1 -1
  3. data/README.md +3 -0
  4. data/app/assets/stylesheets/_variables.scss +18 -18
  5. data/app/assets/stylesheets/entrances/_drop-in.scss +2 -2
  6. data/app/assets/stylesheets/entrances/_fade-in-down.scss +1 -1
  7. data/app/assets/stylesheets/entrances/_fade-in-left.scss +1 -1
  8. data/app/assets/stylesheets/entrances/_fade-in-right.scss +1 -1
  9. data/app/assets/stylesheets/entrances/_fade-in-up.scss +1 -1
  10. data/app/assets/stylesheets/entrances/_fade-in-zoom-big.scss +1 -1
  11. data/app/assets/stylesheets/entrances/_rise-in.scss +1 -1
  12. data/app/assets/stylesheets/entrances/_slide-in.scss +4 -4
  13. data/app/assets/stylesheets/entrances/_stretch.scss +6 -6
  14. data/app/assets/stylesheets/entrances/_turn-in.scss +8 -8
  15. data/app/assets/stylesheets/exits/_compress.scss +2 -2
  16. data/app/assets/stylesheets/exits/_drop-out.scss +1 -1
  17. data/app/assets/stylesheets/exits/_fade-out-down.scss +1 -1
  18. data/app/assets/stylesheets/exits/_fade-out-left.scss +1 -1
  19. data/app/assets/stylesheets/exits/_fade-out-right.scss +1 -1
  20. data/app/assets/stylesheets/exits/_fade-out-up.scss +1 -1
  21. data/app/assets/stylesheets/exits/_poof.scss +2 -2
  22. data/app/assets/stylesheets/exits/_rise-out.scss +1 -1
  23. data/app/assets/stylesheets/exits/_slide-out.scss +4 -4
  24. data/app/assets/stylesheets/exits/_turn-out.scss +2 -2
  25. data/app/assets/stylesheets/helpers/_keyframes.scss +1 -1
  26. data/app/assets/stylesheets/helpers/_prefix.scss +1 -1
  27. data/app/assets/stylesheets/helpers/_transform.scss +2 -2
  28. data/app/assets/stylesheets/helpers/_transition.scss +1 -1
  29. data/app/assets/stylesheets/in-place/_around-the-world.scss +2 -2
  30. data/app/assets/stylesheets/in-place/_contract.scss +1 -2
  31. data/app/assets/stylesheets/in-place/_enlarge.scss +1 -2
  32. data/app/assets/stylesheets/in-place/_float.scss +3 -3
  33. data/app/assets/stylesheets/in-place/_pulsate.scss +1 -1
  34. data/app/assets/stylesheets/in-place/_quiver.scss +7 -7
  35. data/app/assets/stylesheets/in-place/_shake.scss +5 -5
  36. data/app/assets/stylesheets/in-place/_sunrise.scss +3 -3
  37. data/app/assets/stylesheets/in-place/_sway.scss +3 -3
  38. data/app/assets/stylesheets/in-place/_teeter.scss +6 -6
  39. data/bower.json +29 -0
  40. data/features/install.feature +0 -1
  41. data/features/update.feature +0 -1
  42. data/features/version.feature +0 -1
  43. data/lib/saffron/version.rb +1 -1
  44. data/sache.json +5 -0
  45. data/saffron/_variables.scss +18 -18
  46. data/saffron/entrances/_drop-in.scss +2 -2
  47. data/saffron/entrances/_fade-in-down.scss +1 -1
  48. data/saffron/entrances/_fade-in-left.scss +1 -1
  49. data/saffron/entrances/_fade-in-right.scss +1 -1
  50. data/saffron/entrances/_fade-in-up.scss +1 -1
  51. data/saffron/entrances/_fade-in-zoom-big.scss +1 -1
  52. data/saffron/entrances/_rise-in.scss +1 -1
  53. data/saffron/entrances/_slide-in.scss +4 -4
  54. data/saffron/entrances/_stretch.scss +6 -6
  55. data/saffron/entrances/_turn-in.scss +8 -8
  56. data/saffron/exits/_compress.scss +2 -2
  57. data/saffron/exits/_drop-out.scss +1 -1
  58. data/saffron/exits/_fade-out-down.scss +1 -1
  59. data/saffron/exits/_fade-out-left.scss +1 -1
  60. data/saffron/exits/_fade-out-right.scss +1 -1
  61. data/saffron/exits/_fade-out-up.scss +1 -1
  62. data/saffron/exits/_poof.scss +2 -2
  63. data/saffron/exits/_rise-out.scss +1 -1
  64. data/saffron/exits/_slide-out.scss +4 -4
  65. data/saffron/exits/_turn-out.scss +2 -2
  66. data/saffron/helpers/_keyframes.scss +1 -1
  67. data/saffron/helpers/_prefix.scss +1 -1
  68. data/saffron/helpers/_transform.scss +2 -2
  69. data/saffron/helpers/_transition.scss +1 -1
  70. data/saffron/in-place/_around-the-world.scss +2 -2
  71. data/saffron/in-place/_contract.scss +1 -2
  72. data/saffron/in-place/_enlarge.scss +1 -2
  73. data/saffron/in-place/_float.scss +3 -3
  74. data/saffron/in-place/_pulsate.scss +1 -1
  75. data/saffron/in-place/_quiver.scss +7 -7
  76. data/saffron/in-place/_shake.scss +5 -5
  77. data/saffron/in-place/_sunrise.scss +3 -3
  78. data/saffron/in-place/_sway.scss +3 -3
  79. data/saffron/in-place/_teeter.scss +6 -6
  80. data/tasks/compiled/saffron.css +850 -260
  81. data/tasks/compiled/test.css +853 -288
  82. data/tasks/package.json +2 -2
  83. data/tasks/test.scss +1 -1
  84. metadata +6 -4
@@ -2,6 +2,7 @@
2
2
  0% {
3
3
  opacity: 0;
4
4
  -webkit-transform: translateZ(0);
5
+ -ms-transform: translateZ(0);
5
6
  transform: translateZ(0);
6
7
  }
7
8
 
@@ -13,7 +14,9 @@
13
14
  @-moz-keyframes fadeIn {
14
15
  0% {
15
16
  opacity: 0;
16
- transform: translateZ(0);
17
+ -webkit-transform: translateZ(0);
18
+ -ms-transform: translateZ(0);
19
+ transform: translateZ(0);
17
20
  }
18
21
 
19
22
  100% {
@@ -24,7 +27,9 @@
24
27
  @-o-keyframes fadeIn {
25
28
  0% {
26
29
  opacity: 0;
27
- transform: translateZ(0);
30
+ -webkit-transform: translateZ(0);
31
+ -ms-transform: translateZ(0);
32
+ transform: translateZ(0);
28
33
  }
29
34
 
30
35
  100% {
@@ -49,6 +54,7 @@
49
54
  0% {
50
55
  opacity: 0;
51
56
  -webkit-transform: translateY(1.334em) translateZ(0);
57
+ -ms-transform: translateY(1.334em) translateZ(0);
52
58
  transform: translateY(1.334em) translateZ(0);
53
59
  }
54
60
 
@@ -60,7 +66,9 @@
60
66
  @-moz-keyframes fadeInUp {
61
67
  0% {
62
68
  opacity: 0;
63
- transform: translateY(1.334em) translateZ(0);
69
+ -webkit-transform: translateY(1.334em) translateZ(0);
70
+ -ms-transform: translateY(1.334em) translateZ(0);
71
+ transform: translateY(1.334em) translateZ(0);
64
72
  }
65
73
 
66
74
  100% {
@@ -71,7 +79,9 @@
71
79
  @-o-keyframes fadeInUp {
72
80
  0% {
73
81
  opacity: 0;
74
- transform: translateY(1.334em) translateZ(0);
82
+ -webkit-transform: translateY(1.334em) translateZ(0);
83
+ -ms-transform: translateY(1.334em) translateZ(0);
84
+ transform: translateY(1.334em) translateZ(0);
75
85
  }
76
86
 
77
87
  100% {
@@ -96,6 +106,7 @@
96
106
  0% {
97
107
  opacity: 0;
98
108
  -webkit-transform: translateY(-1.334em) translateZ(0);
109
+ -ms-transform: translateY(-1.334em) translateZ(0);
99
110
  transform: translateY(-1.334em) translateZ(0);
100
111
  }
101
112
 
@@ -107,7 +118,9 @@
107
118
  @-moz-keyframes fadeInDown {
108
119
  0% {
109
120
  opacity: 0;
110
- transform: translateY(-1.334em) translateZ(0);
121
+ -webkit-transform: translateY(-1.334em) translateZ(0);
122
+ -ms-transform: translateY(-1.334em) translateZ(0);
123
+ transform: translateY(-1.334em) translateZ(0);
111
124
  }
112
125
 
113
126
  100% {
@@ -118,7 +131,9 @@
118
131
  @-o-keyframes fadeInDown {
119
132
  0% {
120
133
  opacity: 0;
121
- transform: translateY(-1.334em) translateZ(0);
134
+ -webkit-transform: translateY(-1.334em) translateZ(0);
135
+ -ms-transform: translateY(-1.334em) translateZ(0);
136
+ transform: translateY(-1.334em) translateZ(0);
122
137
  }
123
138
 
124
139
  100% {
@@ -143,6 +158,7 @@
143
158
  0% {
144
159
  opacity: 0;
145
160
  -webkit-transform: translateX(-1.334em) translateZ(0);
161
+ -ms-transform: translateX(-1.334em) translateZ(0);
146
162
  transform: translateX(-1.334em) translateZ(0);
147
163
  }
148
164
 
@@ -154,7 +170,9 @@
154
170
  @-moz-keyframes fadeInLeft {
155
171
  0% {
156
172
  opacity: 0;
157
- transform: translateX(-1.334em) translateZ(0);
173
+ -webkit-transform: translateX(-1.334em) translateZ(0);
174
+ -ms-transform: translateX(-1.334em) translateZ(0);
175
+ transform: translateX(-1.334em) translateZ(0);
158
176
  }
159
177
 
160
178
  100% {
@@ -165,7 +183,9 @@
165
183
  @-o-keyframes fadeInLeft {
166
184
  0% {
167
185
  opacity: 0;
168
- transform: translateX(-1.334em) translateZ(0);
186
+ -webkit-transform: translateX(-1.334em) translateZ(0);
187
+ -ms-transform: translateX(-1.334em) translateZ(0);
188
+ transform: translateX(-1.334em) translateZ(0);
169
189
  }
170
190
 
171
191
  100% {
@@ -190,6 +210,7 @@
190
210
  0% {
191
211
  opacity: 0;
192
212
  -webkit-transform: translateX(1.334em) translateZ(0);
213
+ -ms-transform: translateX(1.334em) translateZ(0);
193
214
  transform: translateX(1.334em) translateZ(0);
194
215
  }
195
216
 
@@ -201,7 +222,9 @@
201
222
  @-moz-keyframes fadeInRight {
202
223
  0% {
203
224
  opacity: 0;
204
- transform: translateX(1.334em) translateZ(0);
225
+ -webkit-transform: translateX(1.334em) translateZ(0);
226
+ -ms-transform: translateX(1.334em) translateZ(0);
227
+ transform: translateX(1.334em) translateZ(0);
205
228
  }
206
229
 
207
230
  100% {
@@ -212,7 +235,9 @@
212
235
  @-o-keyframes fadeInRight {
213
236
  0% {
214
237
  opacity: 0;
215
- transform: translateX(1.334em) translateZ(0);
238
+ -webkit-transform: translateX(1.334em) translateZ(0);
239
+ -ms-transform: translateX(1.334em) translateZ(0);
240
+ transform: translateX(1.334em) translateZ(0);
216
241
  }
217
242
 
218
243
  100% {
@@ -237,12 +262,14 @@
237
262
  0% {
238
263
  opacity: 0;
239
264
  -webkit-transform: scale(0) translateZ(0);
265
+ -ms-transform: scale(0) translateZ(0);
240
266
  transform: scale(0) translateZ(0);
241
267
  }
242
268
 
243
269
  100% {
244
270
  opacity: 1;
245
271
  -webkit-transform: scale(1);
272
+ -ms-transform: scale(1);
246
273
  transform: scale(1);
247
274
  }
248
275
  }
@@ -250,24 +277,32 @@
250
277
  @-moz-keyframes fadeInZoom {
251
278
  0% {
252
279
  opacity: 0;
253
- transform: scale(0) translateZ(0);
280
+ -webkit-transform: scale(0) translateZ(0);
281
+ -ms-transform: scale(0) translateZ(0);
282
+ transform: scale(0) translateZ(0);
254
283
  }
255
284
 
256
285
  100% {
257
286
  opacity: 1;
258
- transform: scale(1);
287
+ -webkit-transform: scale(1);
288
+ -ms-transform: scale(1);
289
+ transform: scale(1);
259
290
  }
260
291
  }
261
292
 
262
293
  @-o-keyframes fadeInZoom {
263
294
  0% {
264
295
  opacity: 0;
265
- transform: scale(0) translateZ(0);
296
+ -webkit-transform: scale(0) translateZ(0);
297
+ -ms-transform: scale(0) translateZ(0);
298
+ transform: scale(0) translateZ(0);
266
299
  }
267
300
 
268
301
  100% {
269
302
  opacity: 1;
270
- transform: scale(1);
303
+ -webkit-transform: scale(1);
304
+ -ms-transform: scale(1);
305
+ transform: scale(1);
271
306
  }
272
307
  }
273
308
 
@@ -290,23 +325,27 @@
290
325
  @-webkit-keyframes fadeInZoomBig {
291
326
  0% {
292
327
  opacity: 0;
293
- -webkit-transform: scale(0) translateZ(0);
294
- transform: scale(0) translateZ(0);
328
+ -webkit-transform: scale(0);
329
+ -ms-transform: scale(0);
330
+ transform: scale(0);
295
331
  }
296
332
 
297
333
  60% {
298
334
  -webkit-transform: scale(1.25);
335
+ -ms-transform: scale(1.25);
299
336
  transform: scale(1.25);
300
337
  }
301
338
 
302
339
  80% {
303
340
  -webkit-transform: scale(.95);
341
+ -ms-transform: scale(.95);
304
342
  transform: scale(.95);
305
343
  }
306
344
 
307
345
  100% {
308
346
  opacity: 1;
309
347
  -webkit-transform: scale(1);
348
+ -ms-transform: scale(1);
310
349
  transform: scale(1);
311
350
  }
312
351
  }
@@ -314,49 +353,65 @@
314
353
  @-moz-keyframes fadeInZoomBig {
315
354
  0% {
316
355
  opacity: 0;
317
- transform: scale(0) translateZ(0);
356
+ -webkit-transform: scale(0);
357
+ -ms-transform: scale(0);
358
+ transform: scale(0);
318
359
  }
319
360
 
320
361
  60% {
321
- transform: scale(1.25);
362
+ -webkit-transform: scale(1.25);
363
+ -ms-transform: scale(1.25);
364
+ transform: scale(1.25);
322
365
  }
323
366
 
324
367
  80% {
325
- transform: scale(.95);
368
+ -webkit-transform: scale(.95);
369
+ -ms-transform: scale(.95);
370
+ transform: scale(.95);
326
371
  }
327
372
 
328
373
  100% {
329
374
  opacity: 1;
330
- transform: scale(1);
375
+ -webkit-transform: scale(1);
376
+ -ms-transform: scale(1);
377
+ transform: scale(1);
331
378
  }
332
379
  }
333
380
 
334
381
  @-o-keyframes fadeInZoomBig {
335
382
  0% {
336
383
  opacity: 0;
337
- transform: scale(0) translateZ(0);
384
+ -webkit-transform: scale(0);
385
+ -ms-transform: scale(0);
386
+ transform: scale(0);
338
387
  }
339
388
 
340
389
  60% {
341
- transform: scale(1.25);
390
+ -webkit-transform: scale(1.25);
391
+ -ms-transform: scale(1.25);
392
+ transform: scale(1.25);
342
393
  }
343
394
 
344
395
  80% {
345
- transform: scale(.95);
396
+ -webkit-transform: scale(.95);
397
+ -ms-transform: scale(.95);
398
+ transform: scale(.95);
346
399
  }
347
400
 
348
401
  100% {
349
402
  opacity: 1;
350
- transform: scale(1);
403
+ -webkit-transform: scale(1);
404
+ -ms-transform: scale(1);
405
+ transform: scale(1);
351
406
  }
352
407
  }
353
408
 
354
409
  @keyframes fadeInZoomBig {
355
410
  0% {
356
411
  opacity: 0;
357
- -webkit-transform: scale(0) translateZ(0);
358
- -ms-transform: scale(0) translateZ(0);
359
- transform: scale(0) translateZ(0);
412
+ -webkit-transform: scale(0);
413
+ -ms-transform: scale(0);
414
+ transform: scale(0);
360
415
  }
361
416
 
362
417
  60% {
@@ -383,17 +438,20 @@
383
438
  0% {
384
439
  opacity: 0;
385
440
  -webkit-transform: translateX(-13.34em) translateZ(0);
441
+ -ms-transform: translateX(-13.34em) translateZ(0);
386
442
  transform: translateX(-13.34em) translateZ(0);
387
443
  }
388
444
 
389
445
  65% {
390
446
  opacity: 1;
391
447
  -webkit-transform: translateX(1.334em);
448
+ -ms-transform: translateX(1.334em);
392
449
  transform: translateX(1.334em);
393
450
  }
394
451
 
395
452
  100% {
396
453
  -webkit-transform: translateX(0);
454
+ -ms-transform: translateX(0);
397
455
  transform: translateX(0);
398
456
  }
399
457
  }
@@ -401,32 +459,44 @@
401
459
  @-moz-keyframes slideInLeft {
402
460
  0% {
403
461
  opacity: 0;
404
- transform: translateX(-13.34em) translateZ(0);
462
+ -webkit-transform: translateX(-13.34em) translateZ(0);
463
+ -ms-transform: translateX(-13.34em) translateZ(0);
464
+ transform: translateX(-13.34em) translateZ(0);
405
465
  }
406
466
 
407
467
  65% {
408
468
  opacity: 1;
409
- transform: translateX(1.334em);
469
+ -webkit-transform: translateX(1.334em);
470
+ -ms-transform: translateX(1.334em);
471
+ transform: translateX(1.334em);
410
472
  }
411
473
 
412
474
  100% {
413
- transform: translateX(0);
475
+ -webkit-transform: translateX(0);
476
+ -ms-transform: translateX(0);
477
+ transform: translateX(0);
414
478
  }
415
479
  }
416
480
 
417
481
  @-o-keyframes slideInLeft {
418
482
  0% {
419
483
  opacity: 0;
420
- transform: translateX(-13.34em) translateZ(0);
484
+ -webkit-transform: translateX(-13.34em) translateZ(0);
485
+ -ms-transform: translateX(-13.34em) translateZ(0);
486
+ transform: translateX(-13.34em) translateZ(0);
421
487
  }
422
488
 
423
489
  65% {
424
490
  opacity: 1;
425
- transform: translateX(1.334em);
491
+ -webkit-transform: translateX(1.334em);
492
+ -ms-transform: translateX(1.334em);
493
+ transform: translateX(1.334em);
426
494
  }
427
495
 
428
496
  100% {
429
- transform: translateX(0);
497
+ -webkit-transform: translateX(0);
498
+ -ms-transform: translateX(0);
499
+ transform: translateX(0);
430
500
  }
431
501
  }
432
502
 
@@ -456,17 +526,20 @@
456
526
  0% {
457
527
  opacity: 0;
458
528
  -webkit-transform: translateX(13.34em) translateZ(0);
529
+ -ms-transform: translateX(13.34em) translateZ(0);
459
530
  transform: translateX(13.34em) translateZ(0);
460
531
  }
461
532
 
462
533
  65% {
463
534
  opacity: 1;
464
535
  -webkit-transform: translateX(-1.334em);
536
+ -ms-transform: translateX(-1.334em);
465
537
  transform: translateX(-1.334em);
466
538
  }
467
539
 
468
540
  100% {
469
541
  -webkit-transform: translateX(0);
542
+ -ms-transform: translateX(0);
470
543
  transform: translateX(0);
471
544
  }
472
545
  }
@@ -474,32 +547,44 @@
474
547
  @-moz-keyframes slideInRight {
475
548
  0% {
476
549
  opacity: 0;
477
- transform: translateX(13.34em) translateZ(0);
550
+ -webkit-transform: translateX(13.34em) translateZ(0);
551
+ -ms-transform: translateX(13.34em) translateZ(0);
552
+ transform: translateX(13.34em) translateZ(0);
478
553
  }
479
554
 
480
555
  65% {
481
556
  opacity: 1;
482
- transform: translateX(-1.334em);
557
+ -webkit-transform: translateX(-1.334em);
558
+ -ms-transform: translateX(-1.334em);
559
+ transform: translateX(-1.334em);
483
560
  }
484
561
 
485
562
  100% {
486
- transform: translateX(0);
563
+ -webkit-transform: translateX(0);
564
+ -ms-transform: translateX(0);
565
+ transform: translateX(0);
487
566
  }
488
567
  }
489
568
 
490
569
  @-o-keyframes slideInRight {
491
570
  0% {
492
571
  opacity: 0;
493
- transform: translateX(13.34em) translateZ(0);
572
+ -webkit-transform: translateX(13.34em) translateZ(0);
573
+ -ms-transform: translateX(13.34em) translateZ(0);
574
+ transform: translateX(13.34em) translateZ(0);
494
575
  }
495
576
 
496
577
  65% {
497
578
  opacity: 1;
498
- transform: translateX(-1.334em);
579
+ -webkit-transform: translateX(-1.334em);
580
+ -ms-transform: translateX(-1.334em);
581
+ transform: translateX(-1.334em);
499
582
  }
500
583
 
501
584
  100% {
502
- transform: translateX(0);
585
+ -webkit-transform: translateX(0);
586
+ -ms-transform: translateX(0);
587
+ transform: translateX(0);
503
588
  }
504
589
  }
505
590
 
@@ -529,11 +614,13 @@
529
614
  0% {
530
615
  opacity: 0;
531
616
  -webkit-transform: translateY(-10em) rotate(0) translateZ(0);
617
+ -ms-transform: translateY(-10em) rotate(0) translateZ(0);
532
618
  transform: translateY(-10em) rotate(0) translateZ(0);
533
619
  }
534
620
 
535
621
  10% {
536
622
  -webkit-transform: translateY(-10em) rotate(-40deg);
623
+ -ms-transform: translateY(-10em) rotate(-40deg);
537
624
  transform: translateY(-10em) rotate(-40deg);
538
625
  }
539
626
 
@@ -543,6 +630,7 @@
543
630
 
544
631
  100% {
545
632
  -webkit-transform: translateY(0) rotate(0);
633
+ -ms-transform: translateY(0) rotate(0);
546
634
  transform: translateY(0) rotate(0);
547
635
  }
548
636
  }
@@ -550,11 +638,15 @@
550
638
  @-moz-keyframes dropIn {
551
639
  0% {
552
640
  opacity: 0;
553
- transform: translateY(-10em) rotate(0) translateZ(0);
641
+ -webkit-transform: translateY(-10em) rotate(0) translateZ(0);
642
+ -ms-transform: translateY(-10em) rotate(0) translateZ(0);
643
+ transform: translateY(-10em) rotate(0) translateZ(0);
554
644
  }
555
645
 
556
646
  10% {
557
- transform: translateY(-10em) rotate(-40deg);
647
+ -webkit-transform: translateY(-10em) rotate(-40deg);
648
+ -ms-transform: translateY(-10em) rotate(-40deg);
649
+ transform: translateY(-10em) rotate(-40deg);
558
650
  }
559
651
 
560
652
  90% {
@@ -562,18 +654,24 @@
562
654
  }
563
655
 
564
656
  100% {
565
- transform: translateY(0) rotate(0);
657
+ -webkit-transform: translateY(0) rotate(0);
658
+ -ms-transform: translateY(0) rotate(0);
659
+ transform: translateY(0) rotate(0);
566
660
  }
567
661
  }
568
662
 
569
663
  @-o-keyframes dropIn {
570
664
  0% {
571
665
  opacity: 0;
572
- transform: translateY(-10em) rotate(0) translateZ(0);
666
+ -webkit-transform: translateY(-10em) rotate(0) translateZ(0);
667
+ -ms-transform: translateY(-10em) rotate(0) translateZ(0);
668
+ transform: translateY(-10em) rotate(0) translateZ(0);
573
669
  }
574
670
 
575
671
  10% {
576
- transform: translateY(-10em) rotate(-40deg);
672
+ -webkit-transform: translateY(-10em) rotate(-40deg);
673
+ -ms-transform: translateY(-10em) rotate(-40deg);
674
+ transform: translateY(-10em) rotate(-40deg);
577
675
  }
578
676
 
579
677
  90% {
@@ -581,7 +679,9 @@
581
679
  }
582
680
 
583
681
  100% {
584
- transform: translateY(0) rotate(0);
682
+ -webkit-transform: translateY(0) rotate(0);
683
+ -ms-transform: translateY(0) rotate(0);
684
+ transform: translateY(0) rotate(0);
585
685
  }
586
686
  }
587
687
 
@@ -614,6 +714,7 @@
614
714
  0% {
615
715
  opacity: 0;
616
716
  -webkit-transform: translateY(10em) translateZ(0);
717
+ -ms-transform: translateY(10em) translateZ(0);
617
718
  transform: translateY(10em) translateZ(0);
618
719
  }
619
720
 
@@ -625,7 +726,9 @@
625
726
  @-moz-keyframes riseIn {
626
727
  0% {
627
728
  opacity: 0;
628
- transform: translateY(10em) translateZ(0);
729
+ -webkit-transform: translateY(10em) translateZ(0);
730
+ -ms-transform: translateY(10em) translateZ(0);
731
+ transform: translateY(10em) translateZ(0);
629
732
  }
630
733
 
631
734
  50% {
@@ -636,7 +739,9 @@
636
739
  @-o-keyframes riseIn {
637
740
  0% {
638
741
  opacity: 0;
639
- transform: translateY(10em) translateZ(0);
742
+ -webkit-transform: translateY(10em) translateZ(0);
743
+ -ms-transform: translateY(10em) translateZ(0);
744
+ transform: translateY(10em) translateZ(0);
640
745
  }
641
746
 
642
747
  50% {
@@ -661,12 +766,14 @@
661
766
  0% {
662
767
  opacity: 0;
663
768
  -webkit-transform: scale(.25) translateZ(0);
769
+ -ms-transform: scale(.25) translateZ(0);
664
770
  transform: scale(.25) translateZ(0);
665
771
  }
666
772
 
667
773
  100% {
668
774
  opacity: 1;
669
775
  -webkit-transform: scale(1);
776
+ -ms-transform: scale(1);
670
777
  transform: scale(1);
671
778
  }
672
779
  }
@@ -674,24 +781,32 @@
674
781
  @-moz-keyframes popIn {
675
782
  0% {
676
783
  opacity: 0;
677
- transform: scale(.25) translateZ(0);
784
+ -webkit-transform: scale(.25) translateZ(0);
785
+ -ms-transform: scale(.25) translateZ(0);
786
+ transform: scale(.25) translateZ(0);
678
787
  }
679
788
 
680
789
  100% {
681
790
  opacity: 1;
682
- transform: scale(1);
791
+ -webkit-transform: scale(1);
792
+ -ms-transform: scale(1);
793
+ transform: scale(1);
683
794
  }
684
795
  }
685
796
 
686
797
  @-o-keyframes popIn {
687
798
  0% {
688
799
  opacity: 0;
689
- transform: scale(.25) translateZ(0);
800
+ -webkit-transform: scale(.25) translateZ(0);
801
+ -ms-transform: scale(.25) translateZ(0);
802
+ transform: scale(.25) translateZ(0);
690
803
  }
691
804
 
692
805
  100% {
693
806
  opacity: 1;
694
- transform: scale(1);
807
+ -webkit-transform: scale(1);
808
+ -ms-transform: scale(1);
809
+ transform: scale(1);
695
810
  }
696
811
  }
697
812
 
@@ -711,16 +826,18 @@
711
826
  }
712
827
  }
713
828
 
714
- @-webkit-keyframes turnDownIn {
829
+ @-webkit-keyframes turnInDown {
715
830
  0% {
716
831
  opacity: 0;
717
832
  -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
833
+ -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
718
834
  transform: perspective(500px) rotateX(-225deg) translateZ(150px);
719
835
  }
720
836
 
721
837
  100% {
722
838
  opacity: 1;
723
839
  -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
840
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
724
841
  transform: perspective(800px) rotateX(0deg) translateZ(0);
725
842
 
726
843
  -webkit-backface-visibility: hidden;
@@ -729,15 +846,19 @@
729
846
  }
730
847
  }
731
848
 
732
- @-moz-keyframes turnDownIn {
849
+ @-moz-keyframes turnInDown {
733
850
  0% {
734
851
  opacity: 0;
735
- transform: perspective(500px) rotateX(-225deg) translateZ(150px);
852
+ -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
853
+ -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
854
+ transform: perspective(500px) rotateX(-225deg) translateZ(150px);
736
855
  }
737
856
 
738
857
  100% {
739
858
  opacity: 1;
740
- transform: perspective(800px) rotateX(0deg) translateZ(0);
859
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
860
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
861
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
741
862
 
742
863
  -webkit-backface-visibility: hidden;
743
864
  -moz-backface-visibility: hidden;
@@ -745,15 +866,19 @@
745
866
  }
746
867
  }
747
868
 
748
- @-o-keyframes turnDownIn {
869
+ @-o-keyframes turnInDown {
749
870
  0% {
750
871
  opacity: 0;
751
- transform: perspective(500px) rotateX(-225deg) translateZ(150px);
872
+ -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
873
+ -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
874
+ transform: perspective(500px) rotateX(-225deg) translateZ(150px);
752
875
  }
753
876
 
754
877
  100% {
755
878
  opacity: 1;
756
- transform: perspective(800px) rotateX(0deg) translateZ(0);
879
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
880
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
881
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
757
882
 
758
883
  -webkit-backface-visibility: hidden;
759
884
  -moz-backface-visibility: hidden;
@@ -761,7 +886,7 @@
761
886
  }
762
887
  }
763
888
 
764
- @keyframes turnDownIn {
889
+ @keyframes turnInDown {
765
890
  0% {
766
891
  opacity: 0;
767
892
  -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
@@ -781,16 +906,18 @@
781
906
  }
782
907
  }
783
908
 
784
- @-webkit-keyframes turnUpIn {
909
+ @-webkit-keyframes turnInUp {
785
910
  0% {
786
911
  opacity: 0;
787
912
  -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
913
+ -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px);
788
914
  transform: perspective(500px) rotateX(225deg) translateZ(150px);
789
915
  }
790
916
 
791
917
  100% {
792
918
  opacity: 1;
793
919
  -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
920
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
794
921
  transform: perspective(800px) rotateX(0deg) translateZ(0);
795
922
 
796
923
  -webkit-backface-visibility: hidden;
@@ -799,15 +926,19 @@
799
926
  }
800
927
  }
801
928
 
802
- @-moz-keyframes turnUpIn {
929
+ @-moz-keyframes turnInUp {
803
930
  0% {
804
931
  opacity: 0;
805
- transform: perspective(500px) rotateX(225deg) translateZ(150px);
932
+ -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
933
+ -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px);
934
+ transform: perspective(500px) rotateX(225deg) translateZ(150px);
806
935
  }
807
936
 
808
937
  100% {
809
938
  opacity: 1;
810
- transform: perspective(800px) rotateX(0deg) translateZ(0);
939
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
940
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
941
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
811
942
 
812
943
  -webkit-backface-visibility: hidden;
813
944
  -moz-backface-visibility: hidden;
@@ -815,15 +946,19 @@
815
946
  }
816
947
  }
817
948
 
818
- @-o-keyframes turnUpIn {
949
+ @-o-keyframes turnInUp {
819
950
  0% {
820
951
  opacity: 0;
821
- transform: perspective(500px) rotateX(225deg) translateZ(150px);
952
+ -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
953
+ -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px);
954
+ transform: perspective(500px) rotateX(225deg) translateZ(150px);
822
955
  }
823
956
 
824
957
  100% {
825
958
  opacity: 1;
826
- transform: perspective(800px) rotateX(0deg) translateZ(0);
959
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
960
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
961
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
827
962
 
828
963
  -webkit-backface-visibility: hidden;
829
964
  -moz-backface-visibility: hidden;
@@ -831,7 +966,7 @@
831
966
  }
832
967
  }
833
968
 
834
- @keyframes turnUpIn {
969
+ @keyframes turnInUp {
835
970
  0% {
836
971
  opacity: 0;
837
972
  -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
@@ -853,106 +988,141 @@
853
988
 
854
989
  @-webkit-keyframes stretch {
855
990
  0% {
856
- -webkit-transform: scaleY(0) translateZ(0);
857
- transform: scaleY(0) translateZ(0);
991
+ -webkit-transform: scaleY(0);
992
+ -ms-transform: scaleY(0);
993
+ transform: scaleY(0);
858
994
  }
859
995
 
860
996
  40% {
861
997
  -webkit-transform: scaleY(1.05);
998
+ -ms-transform: scaleY(1.05);
862
999
  transform: scaleY(1.05);
863
1000
  }
864
1001
 
865
1002
  60% {
866
1003
  -webkit-transform: scaleY(.97125);
1004
+ -ms-transform: scaleY(.97125);
867
1005
  transform: scaleY(.97125);
868
1006
  }
869
1007
 
870
1008
  80% {
871
1009
  -webkit-transform: scaleY(1.05);
1010
+ -ms-transform: scaleY(1.05);
872
1011
  transform: scaleY(1.05);
873
1012
  }
874
1013
 
875
1014
  100% {
876
1015
  -webkit-transform: scaleY(.97125);
1016
+ -ms-transform: scaleY(.97125);
877
1017
  transform: scaleY(.97125);
878
1018
  }
879
1019
 
880
1020
  80% {
881
1021
  -webkit-transform: scaleY(1.02375);
1022
+ -ms-transform: scaleY(1.02375);
882
1023
  transform: scaleY(1.02375);
883
1024
  }
884
1025
 
885
1026
  100% {
886
1027
  -webkit-transform: scaleY(1);
1028
+ -ms-transform: scaleY(1);
887
1029
  transform: scaleY(1);
888
1030
  }
889
1031
  }
890
1032
 
891
1033
  @-moz-keyframes stretch {
892
1034
  0% {
893
- transform: scaleY(0) translateZ(0);
1035
+ -webkit-transform: scaleY(0);
1036
+ -ms-transform: scaleY(0);
1037
+ transform: scaleY(0);
894
1038
  }
895
1039
 
896
1040
  40% {
897
- transform: scaleY(1.05);
1041
+ -webkit-transform: scaleY(1.05);
1042
+ -ms-transform: scaleY(1.05);
1043
+ transform: scaleY(1.05);
898
1044
  }
899
1045
 
900
1046
  60% {
901
- transform: scaleY(.97125);
1047
+ -webkit-transform: scaleY(.97125);
1048
+ -ms-transform: scaleY(.97125);
1049
+ transform: scaleY(.97125);
902
1050
  }
903
1051
 
904
1052
  80% {
905
- transform: scaleY(1.05);
1053
+ -webkit-transform: scaleY(1.05);
1054
+ -ms-transform: scaleY(1.05);
1055
+ transform: scaleY(1.05);
906
1056
  }
907
1057
 
908
1058
  100% {
909
- transform: scaleY(.97125);
1059
+ -webkit-transform: scaleY(.97125);
1060
+ -ms-transform: scaleY(.97125);
1061
+ transform: scaleY(.97125);
910
1062
  }
911
1063
 
912
1064
  80% {
913
- transform: scaleY(1.02375);
1065
+ -webkit-transform: scaleY(1.02375);
1066
+ -ms-transform: scaleY(1.02375);
1067
+ transform: scaleY(1.02375);
914
1068
  }
915
1069
 
916
1070
  100% {
917
- transform: scaleY(1);
1071
+ -webkit-transform: scaleY(1);
1072
+ -ms-transform: scaleY(1);
1073
+ transform: scaleY(1);
918
1074
  }
919
1075
  }
920
1076
 
921
1077
  @-o-keyframes stretch {
922
1078
  0% {
923
- transform: scaleY(0) translateZ(0);
1079
+ -webkit-transform: scaleY(0);
1080
+ -ms-transform: scaleY(0);
1081
+ transform: scaleY(0);
924
1082
  }
925
1083
 
926
1084
  40% {
927
- transform: scaleY(1.05);
1085
+ -webkit-transform: scaleY(1.05);
1086
+ -ms-transform: scaleY(1.05);
1087
+ transform: scaleY(1.05);
928
1088
  }
929
1089
 
930
1090
  60% {
931
- transform: scaleY(.97125);
1091
+ -webkit-transform: scaleY(.97125);
1092
+ -ms-transform: scaleY(.97125);
1093
+ transform: scaleY(.97125);
932
1094
  }
933
1095
 
934
1096
  80% {
935
- transform: scaleY(1.05);
1097
+ -webkit-transform: scaleY(1.05);
1098
+ -ms-transform: scaleY(1.05);
1099
+ transform: scaleY(1.05);
936
1100
  }
937
1101
 
938
1102
  100% {
939
- transform: scaleY(.97125);
1103
+ -webkit-transform: scaleY(.97125);
1104
+ -ms-transform: scaleY(.97125);
1105
+ transform: scaleY(.97125);
940
1106
  }
941
1107
 
942
1108
  80% {
943
- transform: scaleY(1.02375);
1109
+ -webkit-transform: scaleY(1.02375);
1110
+ -ms-transform: scaleY(1.02375);
1111
+ transform: scaleY(1.02375);
944
1112
  }
945
1113
 
946
1114
  100% {
947
- transform: scaleY(1);
1115
+ -webkit-transform: scaleY(1);
1116
+ -ms-transform: scaleY(1);
1117
+ transform: scaleY(1);
948
1118
  }
949
1119
  }
950
1120
 
951
1121
  @keyframes stretch {
952
1122
  0% {
953
- -webkit-transform: scaleY(0) translateZ(0);
954
- -ms-transform: scaleY(0) translateZ(0);
955
- transform: scaleY(0) translateZ(0);
1123
+ -webkit-transform: scaleY(0);
1124
+ -ms-transform: scaleY(0);
1125
+ transform: scaleY(0);
956
1126
  }
957
1127
 
958
1128
  40% {
@@ -996,12 +1166,14 @@
996
1166
  0% {
997
1167
  opacity: 0;
998
1168
  -webkit-transform: rotate(720deg) scale(.33) translateZ(0);
1169
+ -ms-transform: rotate(720deg) scale(.33) translateZ(0);
999
1170
  transform: rotate(720deg) scale(.33) translateZ(0);
1000
1171
  }
1001
1172
 
1002
1173
  100% {
1003
1174
  opacity: 1;
1004
1175
  -webkit-transform: rotate(0deg) scale(1);
1176
+ -ms-transform: rotate(0deg) scale(1);
1005
1177
  transform: rotate(0deg) scale(1);
1006
1178
  }
1007
1179
  }
@@ -1009,24 +1181,32 @@
1009
1181
  @-moz-keyframes newspaper {
1010
1182
  0% {
1011
1183
  opacity: 0;
1012
- transform: rotate(720deg) scale(.33) translateZ(0);
1013
- }
1184
+ -webkit-transform: rotate(720deg) scale(.33) translateZ(0);
1185
+ -ms-transform: rotate(720deg) scale(.33) translateZ(0);
1186
+ transform: rotate(720deg) scale(.33) translateZ(0);
1187
+ }
1014
1188
 
1015
1189
  100% {
1016
1190
  opacity: 1;
1017
- transform: rotate(0deg) scale(1);
1191
+ -webkit-transform: rotate(0deg) scale(1);
1192
+ -ms-transform: rotate(0deg) scale(1);
1193
+ transform: rotate(0deg) scale(1);
1018
1194
  }
1019
1195
  }
1020
1196
 
1021
1197
  @-o-keyframes newspaper {
1022
1198
  0% {
1023
1199
  opacity: 0;
1024
- transform: rotate(720deg) scale(.33) translateZ(0);
1200
+ -webkit-transform: rotate(720deg) scale(.33) translateZ(0);
1201
+ -ms-transform: rotate(720deg) scale(.33) translateZ(0);
1202
+ transform: rotate(720deg) scale(.33) translateZ(0);
1025
1203
  }
1026
1204
 
1027
1205
  100% {
1028
1206
  opacity: 1;
1029
- transform: rotate(0deg) scale(1);
1207
+ -webkit-transform: rotate(0deg) scale(1);
1208
+ -ms-transform: rotate(0deg) scale(1);
1209
+ transform: rotate(0deg) scale(1);
1030
1210
  }
1031
1211
  }
1032
1212
 
@@ -1050,6 +1230,7 @@
1050
1230
  0% {
1051
1231
  opacity: 1;
1052
1232
  -webkit-transform: translateZ(0);
1233
+ -ms-transform: translateZ(0);
1053
1234
  transform: translateZ(0);
1054
1235
  }
1055
1236
 
@@ -1061,7 +1242,9 @@
1061
1242
  @-moz-keyframes fadeOut {
1062
1243
  0% {
1063
1244
  opacity: 1;
1064
- transform: translateZ(0);
1245
+ -webkit-transform: translateZ(0);
1246
+ -ms-transform: translateZ(0);
1247
+ transform: translateZ(0);
1065
1248
  }
1066
1249
 
1067
1250
  100% {
@@ -1072,7 +1255,9 @@
1072
1255
  @-o-keyframes fadeOut {
1073
1256
  0% {
1074
1257
  opacity: 1;
1075
- transform: translateZ(0);
1258
+ -webkit-transform: translateZ(0);
1259
+ -ms-transform: translateZ(0);
1260
+ transform: translateZ(0);
1076
1261
  }
1077
1262
 
1078
1263
  100% {
@@ -1097,12 +1282,14 @@
1097
1282
  0% {
1098
1283
  opacity: 1;
1099
1284
  -webkit-transform: translateZ(0);
1285
+ -ms-transform: translateZ(0);
1100
1286
  transform: translateZ(0);
1101
1287
  }
1102
1288
 
1103
1289
  100% {
1104
1290
  opacity: 0;
1105
1291
  -webkit-transform: translateY(1.334em);
1292
+ -ms-transform: translateY(1.334em);
1106
1293
  transform: translateY(1.334em);
1107
1294
  }
1108
1295
  }
@@ -1110,24 +1297,32 @@
1110
1297
  @-moz-keyframes fadeOutDown {
1111
1298
  0% {
1112
1299
  opacity: 1;
1113
- transform: translateZ(0);
1300
+ -webkit-transform: translateZ(0);
1301
+ -ms-transform: translateZ(0);
1302
+ transform: translateZ(0);
1114
1303
  }
1115
1304
 
1116
1305
  100% {
1117
1306
  opacity: 0;
1118
- transform: translateY(1.334em);
1307
+ -webkit-transform: translateY(1.334em);
1308
+ -ms-transform: translateY(1.334em);
1309
+ transform: translateY(1.334em);
1119
1310
  }
1120
1311
  }
1121
1312
 
1122
1313
  @-o-keyframes fadeOutDown {
1123
1314
  0% {
1124
1315
  opacity: 1;
1125
- transform: translateZ(0);
1316
+ -webkit-transform: translateZ(0);
1317
+ -ms-transform: translateZ(0);
1318
+ transform: translateZ(0);
1126
1319
  }
1127
1320
 
1128
1321
  100% {
1129
1322
  opacity: 0;
1130
- transform: translateY(1.334em);
1323
+ -webkit-transform: translateY(1.334em);
1324
+ -ms-transform: translateY(1.334em);
1325
+ transform: translateY(1.334em);
1131
1326
  }
1132
1327
  }
1133
1328
 
@@ -1151,12 +1346,14 @@
1151
1346
  0% {
1152
1347
  opacity: 1;
1153
1348
  -webkit-transform: translateZ(0);
1349
+ -ms-transform: translateZ(0);
1154
1350
  transform: translateZ(0);
1155
1351
  }
1156
1352
 
1157
1353
  100% {
1158
1354
  opacity: 0;
1159
1355
  -webkit-transform: translateY(-1.334em);
1356
+ -ms-transform: translateY(-1.334em);
1160
1357
  transform: translateY(-1.334em);
1161
1358
  }
1162
1359
  }
@@ -1164,24 +1361,32 @@
1164
1361
  @-moz-keyframes fadeOutUp {
1165
1362
  0% {
1166
1363
  opacity: 1;
1167
- transform: translateZ(0);
1364
+ -webkit-transform: translateZ(0);
1365
+ -ms-transform: translateZ(0);
1366
+ transform: translateZ(0);
1168
1367
  }
1169
1368
 
1170
1369
  100% {
1171
1370
  opacity: 0;
1172
- transform: translateY(-1.334em);
1371
+ -webkit-transform: translateY(-1.334em);
1372
+ -ms-transform: translateY(-1.334em);
1373
+ transform: translateY(-1.334em);
1173
1374
  }
1174
1375
  }
1175
1376
 
1176
1377
  @-o-keyframes fadeOutUp {
1177
1378
  0% {
1178
1379
  opacity: 1;
1179
- transform: translateZ(0);
1380
+ -webkit-transform: translateZ(0);
1381
+ -ms-transform: translateZ(0);
1382
+ transform: translateZ(0);
1180
1383
  }
1181
1384
 
1182
1385
  100% {
1183
1386
  opacity: 0;
1184
- transform: translateY(-1.334em);
1387
+ -webkit-transform: translateY(-1.334em);
1388
+ -ms-transform: translateY(-1.334em);
1389
+ transform: translateY(-1.334em);
1185
1390
  }
1186
1391
  }
1187
1392
 
@@ -1209,6 +1414,7 @@
1209
1414
  100% {
1210
1415
  opacity: 0;
1211
1416
  -webkit-transform: translateX(-1.334em) translateZ(0);
1417
+ -ms-transform: translateX(-1.334em) translateZ(0);
1212
1418
  transform: translateX(-1.334em) translateZ(0);
1213
1419
  }
1214
1420
  }
@@ -1220,7 +1426,9 @@
1220
1426
 
1221
1427
  100% {
1222
1428
  opacity: 0;
1223
- transform: translateX(-1.334em) translateZ(0);
1429
+ -webkit-transform: translateX(-1.334em) translateZ(0);
1430
+ -ms-transform: translateX(-1.334em) translateZ(0);
1431
+ transform: translateX(-1.334em) translateZ(0);
1224
1432
  }
1225
1433
  }
1226
1434
 
@@ -1231,7 +1439,9 @@
1231
1439
 
1232
1440
  100% {
1233
1441
  opacity: 0;
1234
- transform: translateX(-1.334em) translateZ(0);
1442
+ -webkit-transform: translateX(-1.334em) translateZ(0);
1443
+ -ms-transform: translateX(-1.334em) translateZ(0);
1444
+ transform: translateX(-1.334em) translateZ(0);
1235
1445
  }
1236
1446
  }
1237
1447
 
@@ -1256,6 +1466,7 @@
1256
1466
  100% {
1257
1467
  opacity: 0;
1258
1468
  -webkit-transform: translateX(1.334em) translateZ(0);
1469
+ -ms-transform: translateX(1.334em) translateZ(0);
1259
1470
  transform: translateX(1.334em) translateZ(0);
1260
1471
  }
1261
1472
  }
@@ -1267,7 +1478,9 @@
1267
1478
 
1268
1479
  100% {
1269
1480
  opacity: 0;
1270
- transform: translateX(1.334em) translateZ(0);
1481
+ -webkit-transform: translateX(1.334em) translateZ(0);
1482
+ -ms-transform: translateX(1.334em) translateZ(0);
1483
+ transform: translateX(1.334em) translateZ(0);
1271
1484
  }
1272
1485
  }
1273
1486
 
@@ -1278,7 +1491,9 @@
1278
1491
 
1279
1492
  100% {
1280
1493
  opacity: 0;
1281
- transform: translateX(1.334em) translateZ(0);
1494
+ -webkit-transform: translateX(1.334em) translateZ(0);
1495
+ -ms-transform: translateX(1.334em) translateZ(0);
1496
+ transform: translateX(1.334em) translateZ(0);
1282
1497
  }
1283
1498
  }
1284
1499
 
@@ -1299,12 +1514,14 @@
1299
1514
  0% {
1300
1515
  opacity: 1;
1301
1516
  -webkit-transform: translateZ(0);
1517
+ -ms-transform: translateZ(0);
1302
1518
  transform: translateZ(0);
1303
1519
  }
1304
1520
 
1305
1521
  100% {
1306
1522
  opacity: 0;
1307
1523
  -webkit-transform: scale(0);
1524
+ -ms-transform: scale(0);
1308
1525
  transform: scale(0);
1309
1526
  }
1310
1527
  }
@@ -1312,24 +1529,32 @@
1312
1529
  @-moz-keyframes fadeOutZoom {
1313
1530
  0% {
1314
1531
  opacity: 1;
1315
- transform: translateZ(0);
1532
+ -webkit-transform: translateZ(0);
1533
+ -ms-transform: translateZ(0);
1534
+ transform: translateZ(0);
1316
1535
  }
1317
1536
 
1318
1537
  100% {
1319
1538
  opacity: 0;
1320
- transform: scale(0);
1539
+ -webkit-transform: scale(0);
1540
+ -ms-transform: scale(0);
1541
+ transform: scale(0);
1321
1542
  }
1322
1543
  }
1323
1544
 
1324
1545
  @-o-keyframes fadeOutZoom {
1325
1546
  0% {
1326
1547
  opacity: 1;
1327
- transform: translateZ(0);
1548
+ -webkit-transform: translateZ(0);
1549
+ -ms-transform: translateZ(0);
1550
+ transform: translateZ(0);
1328
1551
  }
1329
1552
 
1330
1553
  100% {
1331
1554
  opacity: 0;
1332
- transform: scale(0);
1555
+ -webkit-transform: scale(0);
1556
+ -ms-transform: scale(0);
1557
+ transform: scale(0);
1333
1558
  }
1334
1559
  }
1335
1560
 
@@ -1352,11 +1577,13 @@
1352
1577
  @-webkit-keyframes fadeOutZoomBig {
1353
1578
  0% {
1354
1579
  -webkit-transform: scale(1) translateZ(0);
1580
+ -ms-transform: scale(1) translateZ(0);
1355
1581
  transform: scale(1) translateZ(0);
1356
1582
  }
1357
1583
 
1358
1584
  40% {
1359
1585
  -webkit-transform: scale(1.25);
1586
+ -ms-transform: scale(1.25);
1360
1587
  transform: scale(1.25);
1361
1588
  }
1362
1589
 
@@ -1367,17 +1594,22 @@
1367
1594
  100% {
1368
1595
  opacity: 0;
1369
1596
  -webkit-transform: scale(0);
1597
+ -ms-transform: scale(0);
1370
1598
  transform: scale(0);
1371
1599
  }
1372
1600
  }
1373
1601
 
1374
1602
  @-moz-keyframes fadeOutZoomBig {
1375
1603
  0% {
1376
- transform: scale(1) translateZ(0);
1604
+ -webkit-transform: scale(1) translateZ(0);
1605
+ -ms-transform: scale(1) translateZ(0);
1606
+ transform: scale(1) translateZ(0);
1377
1607
  }
1378
1608
 
1379
1609
  40% {
1380
- transform: scale(1.25);
1610
+ -webkit-transform: scale(1.25);
1611
+ -ms-transform: scale(1.25);
1612
+ transform: scale(1.25);
1381
1613
  }
1382
1614
 
1383
1615
  60% {
@@ -1386,17 +1618,23 @@
1386
1618
 
1387
1619
  100% {
1388
1620
  opacity: 0;
1389
- transform: scale(0);
1621
+ -webkit-transform: scale(0);
1622
+ -ms-transform: scale(0);
1623
+ transform: scale(0);
1390
1624
  }
1391
1625
  }
1392
1626
 
1393
1627
  @-o-keyframes fadeOutZoomBig {
1394
1628
  0% {
1395
- transform: scale(1) translateZ(0);
1629
+ -webkit-transform: scale(1) translateZ(0);
1630
+ -ms-transform: scale(1) translateZ(0);
1631
+ transform: scale(1) translateZ(0);
1396
1632
  }
1397
1633
 
1398
1634
  40% {
1399
- transform: scale(1.25);
1635
+ -webkit-transform: scale(1.25);
1636
+ -ms-transform: scale(1.25);
1637
+ transform: scale(1.25);
1400
1638
  }
1401
1639
 
1402
1640
  60% {
@@ -1405,7 +1643,9 @@
1405
1643
 
1406
1644
  100% {
1407
1645
  opacity: 0;
1408
- transform: scale(0);
1646
+ -webkit-transform: scale(0);
1647
+ -ms-transform: scale(0);
1648
+ transform: scale(0);
1409
1649
  }
1410
1650
  }
1411
1651
 
@@ -1438,12 +1678,14 @@
1438
1678
  35% {
1439
1679
  opacity: 1;
1440
1680
  -webkit-transform: translateX(1.334em) translateZ(0);
1681
+ -ms-transform: translateX(1.334em) translateZ(0);
1441
1682
  transform: translateX(1.334em) translateZ(0);
1442
1683
  }
1443
1684
 
1444
1685
  100% {
1445
1686
  opacity: 0;
1446
1687
  -webkit-transform: translateX(-13.34em);
1688
+ -ms-transform: translateX(-13.34em);
1447
1689
  transform: translateX(-13.34em);
1448
1690
  }
1449
1691
  }
@@ -1451,24 +1693,32 @@
1451
1693
  @-moz-keyframes slideOutLeft {
1452
1694
  35% {
1453
1695
  opacity: 1;
1454
- transform: translateX(1.334em) translateZ(0);
1696
+ -webkit-transform: translateX(1.334em) translateZ(0);
1697
+ -ms-transform: translateX(1.334em) translateZ(0);
1698
+ transform: translateX(1.334em) translateZ(0);
1455
1699
  }
1456
1700
 
1457
1701
  100% {
1458
1702
  opacity: 0;
1459
- transform: translateX(-13.34em);
1703
+ -webkit-transform: translateX(-13.34em);
1704
+ -ms-transform: translateX(-13.34em);
1705
+ transform: translateX(-13.34em);
1460
1706
  }
1461
1707
  }
1462
1708
 
1463
1709
  @-o-keyframes slideOutLeft {
1464
1710
  35% {
1465
1711
  opacity: 1;
1466
- transform: translateX(1.334em) translateZ(0);
1712
+ -webkit-transform: translateX(1.334em) translateZ(0);
1713
+ -ms-transform: translateX(1.334em) translateZ(0);
1714
+ transform: translateX(1.334em) translateZ(0);
1467
1715
  }
1468
1716
 
1469
1717
  100% {
1470
1718
  opacity: 0;
1471
- transform: translateX(-13.34em);
1719
+ -webkit-transform: translateX(-13.34em);
1720
+ -ms-transform: translateX(-13.34em);
1721
+ transform: translateX(-13.34em);
1472
1722
  }
1473
1723
  }
1474
1724
 
@@ -1492,12 +1742,14 @@
1492
1742
  35% {
1493
1743
  opacity: 1;
1494
1744
  -webkit-transform: translateX(-1.334em) translateZ(0);
1745
+ -ms-transform: translateX(-1.334em) translateZ(0);
1495
1746
  transform: translateX(-1.334em) translateZ(0);
1496
1747
  }
1497
1748
 
1498
1749
  100% {
1499
1750
  opacity: 0;
1500
1751
  -webkit-transform: translateX(13.34em);
1752
+ -ms-transform: translateX(13.34em);
1501
1753
  transform: translateX(13.34em);
1502
1754
  }
1503
1755
  }
@@ -1505,24 +1757,32 @@
1505
1757
  @-moz-keyframes slideOutRight {
1506
1758
  35% {
1507
1759
  opacity: 1;
1508
- transform: translateX(-1.334em) translateZ(0);
1760
+ -webkit-transform: translateX(-1.334em) translateZ(0);
1761
+ -ms-transform: translateX(-1.334em) translateZ(0);
1762
+ transform: translateX(-1.334em) translateZ(0);
1509
1763
  }
1510
1764
 
1511
1765
  100% {
1512
1766
  opacity: 0;
1513
- transform: translateX(13.34em);
1767
+ -webkit-transform: translateX(13.34em);
1768
+ -ms-transform: translateX(13.34em);
1769
+ transform: translateX(13.34em);
1514
1770
  }
1515
1771
  }
1516
1772
 
1517
1773
  @-o-keyframes slideOutRight {
1518
1774
  35% {
1519
1775
  opacity: 1;
1520
- transform: translateX(-1.334em) translateZ(0);
1776
+ -webkit-transform: translateX(-1.334em) translateZ(0);
1777
+ -ms-transform: translateX(-1.334em) translateZ(0);
1778
+ transform: translateX(-1.334em) translateZ(0);
1521
1779
  }
1522
1780
 
1523
1781
  100% {
1524
1782
  opacity: 0;
1525
- transform: translateX(13.34em);
1783
+ -webkit-transform: translateX(13.34em);
1784
+ -ms-transform: translateX(13.34em);
1785
+ transform: translateX(13.34em);
1526
1786
  }
1527
1787
  }
1528
1788
 
@@ -1546,12 +1806,14 @@
1546
1806
  0% {
1547
1807
  opacity: 1;
1548
1808
  -webkit-transform: translateZ(0);
1809
+ -ms-transform: translateZ(0);
1549
1810
  transform: translateZ(0);
1550
1811
  }
1551
1812
 
1552
1813
  100% {
1553
1814
  opacity: 0;
1554
1815
  -webkit-transform: scale(5);
1816
+ -ms-transform: scale(5);
1555
1817
  transform: scale(5);
1556
1818
  }
1557
1819
  }
@@ -1559,24 +1821,32 @@
1559
1821
  @-moz-keyframes explode {
1560
1822
  0% {
1561
1823
  opacity: 1;
1562
- transform: translateZ(0);
1824
+ -webkit-transform: translateZ(0);
1825
+ -ms-transform: translateZ(0);
1826
+ transform: translateZ(0);
1563
1827
  }
1564
1828
 
1565
1829
  100% {
1566
1830
  opacity: 0;
1567
- transform: scale(5);
1831
+ -webkit-transform: scale(5);
1832
+ -ms-transform: scale(5);
1833
+ transform: scale(5);
1568
1834
  }
1569
1835
  }
1570
1836
 
1571
1837
  @-o-keyframes explode {
1572
1838
  0% {
1573
1839
  opacity: 1;
1574
- transform: translateZ(0);
1840
+ -webkit-transform: translateZ(0);
1841
+ -ms-transform: translateZ(0);
1842
+ transform: translateZ(0);
1575
1843
  }
1576
1844
 
1577
1845
  100% {
1578
1846
  opacity: 0;
1579
- transform: scale(5);
1847
+ -webkit-transform: scale(5);
1848
+ -ms-transform: scale(5);
1849
+ transform: scale(5);
1580
1850
  }
1581
1851
  }
1582
1852
 
@@ -1600,12 +1870,14 @@
1600
1870
  0% {
1601
1871
  opacity: 1;
1602
1872
  -webkit-transform: translateZ(0);
1873
+ -ms-transform: translateZ(0);
1603
1874
  transform: translateZ(0);
1604
1875
  }
1605
1876
 
1606
1877
  100% {
1607
1878
  opacity: 0;
1608
1879
  -webkit-transform: translateY(10em) rotate(-40deg);
1880
+ -ms-transform: translateY(10em) rotate(-40deg);
1609
1881
  transform: translateY(10em) rotate(-40deg);
1610
1882
  }
1611
1883
  }
@@ -1613,24 +1885,32 @@
1613
1885
  @-moz-keyframes dropOut {
1614
1886
  0% {
1615
1887
  opacity: 1;
1616
- transform: translateZ(0);
1888
+ -webkit-transform: translateZ(0);
1889
+ -ms-transform: translateZ(0);
1890
+ transform: translateZ(0);
1617
1891
  }
1618
1892
 
1619
1893
  100% {
1620
1894
  opacity: 0;
1621
- transform: translateY(10em) rotate(-40deg);
1895
+ -webkit-transform: translateY(10em) rotate(-40deg);
1896
+ -ms-transform: translateY(10em) rotate(-40deg);
1897
+ transform: translateY(10em) rotate(-40deg);
1622
1898
  }
1623
1899
  }
1624
1900
 
1625
1901
  @-o-keyframes dropOut {
1626
1902
  0% {
1627
1903
  opacity: 1;
1628
- transform: translateZ(0);
1904
+ -webkit-transform: translateZ(0);
1905
+ -ms-transform: translateZ(0);
1906
+ transform: translateZ(0);
1629
1907
  }
1630
1908
 
1631
1909
  100% {
1632
1910
  opacity: 0;
1633
- transform: translateY(10em) rotate(-40deg);
1911
+ -webkit-transform: translateY(10em) rotate(-40deg);
1912
+ -ms-transform: translateY(10em) rotate(-40deg);
1913
+ transform: translateY(10em) rotate(-40deg);
1634
1914
  }
1635
1915
  }
1636
1916
 
@@ -1654,12 +1934,14 @@
1654
1934
  0% {
1655
1935
  opacity: 1;
1656
1936
  -webkit-transform: translateZ(0);
1937
+ -ms-transform: translateZ(0);
1657
1938
  transform: translateZ(0);
1658
1939
  }
1659
1940
 
1660
1941
  100% {
1661
1942
  opacity: 0;
1662
1943
  -webkit-transform: translateY(-10em);
1944
+ -ms-transform: translateY(-10em);
1663
1945
  transform: translateY(-10em);
1664
1946
  }
1665
1947
  }
@@ -1667,24 +1949,32 @@
1667
1949
  @-moz-keyframes riseOut {
1668
1950
  0% {
1669
1951
  opacity: 1;
1670
- transform: translateZ(0);
1952
+ -webkit-transform: translateZ(0);
1953
+ -ms-transform: translateZ(0);
1954
+ transform: translateZ(0);
1671
1955
  }
1672
1956
 
1673
1957
  100% {
1674
1958
  opacity: 0;
1675
- transform: translateY(-10em);
1959
+ -webkit-transform: translateY(-10em);
1960
+ -ms-transform: translateY(-10em);
1961
+ transform: translateY(-10em);
1676
1962
  }
1677
1963
  }
1678
1964
 
1679
1965
  @-o-keyframes riseOut {
1680
1966
  0% {
1681
1967
  opacity: 1;
1682
- transform: translateZ(0);
1968
+ -webkit-transform: translateZ(0);
1969
+ -ms-transform: translateZ(0);
1970
+ transform: translateZ(0);
1683
1971
  }
1684
1972
 
1685
1973
  100% {
1686
1974
  opacity: 0;
1687
- transform: translateY(-10em);
1975
+ -webkit-transform: translateY(-10em);
1976
+ -ms-transform: translateY(-10em);
1977
+ transform: translateY(-10em);
1688
1978
  }
1689
1979
  }
1690
1980
 
@@ -1707,8 +1997,9 @@
1707
1997
  @-webkit-keyframes poof {
1708
1998
  0% {
1709
1999
  opacity: 1;
1710
- -webkit-transform: scale(1) translateZ(0);
1711
- transform: scale(1) translateZ(0);
2000
+ -webkit-transform: scale(1);
2001
+ -ms-transform: scale(1);
2002
+ transform: scale(1);
1712
2003
 
1713
2004
  -webkit-filter: blur(0);
1714
2005
  }
@@ -1716,6 +2007,7 @@
1716
2007
  100% {
1717
2008
  opacity: 0;
1718
2009
  -webkit-transform: scale(2);
2010
+ -ms-transform: scale(2);
1719
2011
  transform: scale(2);
1720
2012
 
1721
2013
  -webkit-filter: blur(40px);
@@ -1725,14 +2017,18 @@
1725
2017
  @-moz-keyframes poof {
1726
2018
  0% {
1727
2019
  opacity: 1;
1728
- transform: scale(1) translateZ(0);
2020
+ -webkit-transform: scale(1);
2021
+ -ms-transform: scale(1);
2022
+ transform: scale(1);
1729
2023
 
1730
2024
  -webkit-filter: blur(0);
1731
2025
  }
1732
2026
 
1733
2027
  100% {
1734
2028
  opacity: 0;
1735
- transform: scale(2);
2029
+ -webkit-transform: scale(2);
2030
+ -ms-transform: scale(2);
2031
+ transform: scale(2);
1736
2032
 
1737
2033
  -webkit-filter: blur(40px);
1738
2034
  }
@@ -1741,14 +2037,18 @@
1741
2037
  @-o-keyframes poof {
1742
2038
  0% {
1743
2039
  opacity: 1;
1744
- transform: scale(1) translateZ(0);
2040
+ -webkit-transform: scale(1);
2041
+ -ms-transform: scale(1);
2042
+ transform: scale(1);
1745
2043
 
1746
2044
  -webkit-filter: blur(0);
1747
2045
  }
1748
2046
 
1749
2047
  100% {
1750
2048
  opacity: 0;
1751
- transform: scale(2);
2049
+ -webkit-transform: scale(2);
2050
+ -ms-transform: scale(2);
2051
+ transform: scale(2);
1752
2052
 
1753
2053
  -webkit-filter: blur(40px);
1754
2054
  }
@@ -1757,9 +2057,9 @@
1757
2057
  @keyframes poof {
1758
2058
  0% {
1759
2059
  opacity: 1;
1760
- -webkit-transform: scale(1) translateZ(0);
1761
- -ms-transform: scale(1) translateZ(0);
1762
- transform: scale(1) translateZ(0);
2060
+ -webkit-transform: scale(1);
2061
+ -ms-transform: scale(1);
2062
+ transform: scale(1);
1763
2063
 
1764
2064
  -webkit-filter: blur(0);
1765
2065
  }
@@ -1778,6 +2078,7 @@
1778
2078
  0% {
1779
2079
  opacity: 1;
1780
2080
  -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
2081
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
1781
2082
  transform: perspective(800px) rotateX(0deg) translateZ(0);
1782
2083
 
1783
2084
  -webkit-backface-visibility: hidden;
@@ -1787,6 +2088,7 @@
1787
2088
  100% {
1788
2089
  opacity: 0;
1789
2090
  -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
2091
+ -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
1790
2092
  transform: perspective(500px) rotateX(-225deg) translateZ(150px);
1791
2093
  }
1792
2094
  }
@@ -1794,7 +2096,9 @@
1794
2096
  @-moz-keyframes turnOutDown {
1795
2097
  0% {
1796
2098
  opacity: 1;
1797
- transform: perspective(800px) rotateX(0deg) translateZ(0);
2099
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
2100
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
2101
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
1798
2102
 
1799
2103
  -webkit-backface-visibility: hidden;
1800
2104
  backface-visibility: hidden;
@@ -1802,14 +2106,18 @@
1802
2106
 
1803
2107
  100% {
1804
2108
  opacity: 0;
1805
- transform: perspective(500px) rotateX(-225deg) translateZ(150px);
2109
+ -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
2110
+ -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
2111
+ transform: perspective(500px) rotateX(-225deg) translateZ(150px);
1806
2112
  }
1807
2113
  }
1808
2114
 
1809
2115
  @-o-keyframes turnOutDown {
1810
2116
  0% {
1811
2117
  opacity: 1;
1812
- transform: perspective(800px) rotateX(0deg) translateZ(0);
2118
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
2119
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
2120
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
1813
2121
 
1814
2122
  -webkit-backface-visibility: hidden;
1815
2123
  backface-visibility: hidden;
@@ -1817,7 +2125,9 @@
1817
2125
 
1818
2126
  100% {
1819
2127
  opacity: 0;
1820
- transform: perspective(500px) rotateX(-225deg) translateZ(150px);
2128
+ -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
2129
+ -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
2130
+ transform: perspective(500px) rotateX(-225deg) translateZ(150px);
1821
2131
  }
1822
2132
  }
1823
2133
 
@@ -1844,6 +2154,7 @@
1844
2154
  0% {
1845
2155
  opacity: 1;
1846
2156
  -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
2157
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
1847
2158
  transform: perspective(800px) rotateX(0deg) translateZ(0);
1848
2159
 
1849
2160
  -webkit-backface-visibility: hidden;
@@ -1853,6 +2164,7 @@
1853
2164
  100% {
1854
2165
  opacity: 0;
1855
2166
  -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
2167
+ -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px);
1856
2168
  transform: perspective(500px) rotateX(225deg) translateZ(150px);
1857
2169
  }
1858
2170
  }
@@ -1860,7 +2172,9 @@
1860
2172
  @-moz-keyframes turnOutUp {
1861
2173
  0% {
1862
2174
  opacity: 1;
1863
- transform: perspective(800px) rotateX(0deg) translateZ(0);
2175
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
2176
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
2177
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
1864
2178
 
1865
2179
  -webkit-backface-visibility: hidden;
1866
2180
  backface-visibility: hidden;
@@ -1868,14 +2182,18 @@
1868
2182
 
1869
2183
  100% {
1870
2184
  opacity: 0;
1871
- transform: perspective(500px) rotateX(225deg) translateZ(150px);
2185
+ -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
2186
+ -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px);
2187
+ transform: perspective(500px) rotateX(225deg) translateZ(150px);
1872
2188
  }
1873
2189
  }
1874
2190
 
1875
2191
  @-o-keyframes turnOutUp {
1876
2192
  0% {
1877
2193
  opacity: 1;
1878
- transform: perspective(800px) rotateX(0deg) translateZ(0);
2194
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
2195
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
2196
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
1879
2197
 
1880
2198
  -webkit-backface-visibility: hidden;
1881
2199
  backface-visibility: hidden;
@@ -1883,7 +2201,9 @@
1883
2201
 
1884
2202
  100% {
1885
2203
  opacity: 0;
1886
- transform: perspective(500px) rotateX(225deg) translateZ(150px);
2204
+ -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
2205
+ -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px);
2206
+ transform: perspective(500px) rotateX(225deg) translateZ(150px);
1887
2207
  }
1888
2208
  }
1889
2209
 
@@ -1909,58 +2229,78 @@
1909
2229
  @-webkit-keyframes compress {
1910
2230
  0% {
1911
2231
  -webkit-transform: scaleY(1) translateZ(0);
2232
+ -ms-transform: scaleY(1) translateZ(0);
1912
2233
  transform: scaleY(1) translateZ(0);
1913
2234
  }
1914
2235
 
1915
2236
  30% {
1916
2237
  -webkit-transform: scaleY(1.05);
2238
+ -ms-transform: scaleY(1.05);
1917
2239
  transform: scaleY(1.05);
1918
2240
  }
1919
2241
 
1920
2242
  50% {
1921
2243
  -webkit-transform: scaleY(.97125);
2244
+ -ms-transform: scaleY(.97125);
1922
2245
  transform: scaleY(.97125);
1923
2246
  }
1924
2247
 
1925
2248
  100% {
1926
2249
  -webkit-transform: scaleY(0);
2250
+ -ms-transform: scaleY(0);
1927
2251
  transform: scaleY(0);
1928
2252
  }
1929
2253
  }
1930
2254
 
1931
2255
  @-moz-keyframes compress {
1932
2256
  0% {
1933
- transform: scaleY(1) translateZ(0);
2257
+ -webkit-transform: scaleY(1) translateZ(0);
2258
+ -ms-transform: scaleY(1) translateZ(0);
2259
+ transform: scaleY(1) translateZ(0);
1934
2260
  }
1935
2261
 
1936
2262
  30% {
1937
- transform: scaleY(1.05);
2263
+ -webkit-transform: scaleY(1.05);
2264
+ -ms-transform: scaleY(1.05);
2265
+ transform: scaleY(1.05);
1938
2266
  }
1939
2267
 
1940
2268
  50% {
1941
- transform: scaleY(.97125);
2269
+ -webkit-transform: scaleY(.97125);
2270
+ -ms-transform: scaleY(.97125);
2271
+ transform: scaleY(.97125);
1942
2272
  }
1943
2273
 
1944
2274
  100% {
1945
- transform: scaleY(0);
2275
+ -webkit-transform: scaleY(0);
2276
+ -ms-transform: scaleY(0);
2277
+ transform: scaleY(0);
1946
2278
  }
1947
2279
  }
1948
2280
 
1949
2281
  @-o-keyframes compress {
1950
2282
  0% {
1951
- transform: scaleY(1) translateZ(0);
2283
+ -webkit-transform: scaleY(1) translateZ(0);
2284
+ -ms-transform: scaleY(1) translateZ(0);
2285
+ transform: scaleY(1) translateZ(0);
1952
2286
  }
1953
2287
 
1954
2288
  30% {
1955
- transform: scaleY(1.05);
2289
+ -webkit-transform: scaleY(1.05);
2290
+ -ms-transform: scaleY(1.05);
2291
+ transform: scaleY(1.05);
1956
2292
  }
1957
2293
 
1958
2294
  50% {
1959
- transform: scaleY(.97125);
2295
+ -webkit-transform: scaleY(.97125);
2296
+ -ms-transform: scaleY(.97125);
2297
+ transform: scaleY(.97125);
1960
2298
  }
1961
2299
 
1962
2300
  100% {
1963
- transform: scaleY(0);
2301
+ -webkit-transform: scaleY(0);
2302
+ -ms-transform: scaleY(0);
2303
+ transform: scaleY(0);
1964
2304
  }
1965
2305
  }
1966
2306
 
@@ -1993,45 +2333,60 @@
1993
2333
  @-webkit-keyframes float {
1994
2334
  0%, 50%, 100% {
1995
2335
  -webkit-transform: translateY(-.25em) translateZ(0);
2336
+ -ms-transform: translateY(-.25em) translateZ(0);
1996
2337
  transform: translateY(-.25em) translateZ(0);
1997
2338
  }
1998
2339
 
1999
2340
  25% {
2000
2341
  -webkit-transform: translateY(.25em) rotate(1deg);
2342
+ -ms-transform: translateY(.25em) rotate(1deg);
2001
2343
  transform: translateY(.25em) rotate(1deg);
2002
2344
  }
2003
2345
 
2004
2346
  75% {
2005
2347
  -webkit-transform: translateY(.25em) rotate(-1deg);
2348
+ -ms-transform: translateY(.25em) rotate(-1deg);
2006
2349
  transform: translateY(.25em) rotate(-1deg);
2007
2350
  }
2008
2351
  }
2009
2352
 
2010
2353
  @-moz-keyframes float {
2011
2354
  0%, 50%, 100% {
2012
- transform: translateY(-.25em) translateZ(0);
2355
+ -webkit-transform: translateY(-.25em) translateZ(0);
2356
+ -ms-transform: translateY(-.25em) translateZ(0);
2357
+ transform: translateY(-.25em) translateZ(0);
2013
2358
  }
2014
2359
 
2015
2360
  25% {
2016
- transform: translateY(.25em) rotate(1deg);
2361
+ -webkit-transform: translateY(.25em) rotate(1deg);
2362
+ -ms-transform: translateY(.25em) rotate(1deg);
2363
+ transform: translateY(.25em) rotate(1deg);
2017
2364
  }
2018
2365
 
2019
2366
  75% {
2020
- transform: translateY(.25em) rotate(-1deg);
2367
+ -webkit-transform: translateY(.25em) rotate(-1deg);
2368
+ -ms-transform: translateY(.25em) rotate(-1deg);
2369
+ transform: translateY(.25em) rotate(-1deg);
2021
2370
  }
2022
2371
  }
2023
2372
 
2024
2373
  @-o-keyframes float {
2025
2374
  0%, 50%, 100% {
2026
- transform: translateY(-.25em) translateZ(0);
2375
+ -webkit-transform: translateY(-.25em) translateZ(0);
2376
+ -ms-transform: translateY(-.25em) translateZ(0);
2377
+ transform: translateY(-.25em) translateZ(0);
2027
2378
  }
2028
2379
 
2029
2380
  25% {
2030
- transform: translateY(.25em) rotate(1deg);
2381
+ -webkit-transform: translateY(.25em) rotate(1deg);
2382
+ -ms-transform: translateY(.25em) rotate(1deg);
2383
+ transform: translateY(.25em) rotate(1deg);
2031
2384
  }
2032
2385
 
2033
2386
  75% {
2034
- transform: translateY(.25em) rotate(-1deg);
2387
+ -webkit-transform: translateY(.25em) rotate(-1deg);
2388
+ -ms-transform: translateY(.25em) rotate(-1deg);
2389
+ transform: translateY(.25em) rotate(-1deg);
2035
2390
  }
2036
2391
  }
2037
2392
 
@@ -2058,84 +2413,114 @@
2058
2413
  @-webkit-keyframes shake {
2059
2414
  0%, 100% {
2060
2415
  -webkit-transform: translateX(0) translateZ(0);
2416
+ -ms-transform: translateX(0) translateZ(0);
2061
2417
  transform: translateX(0) translateZ(0);
2062
2418
  }
2063
2419
 
2064
2420
  15% {
2065
2421
  -webkit-transform: translateX(.55em);
2422
+ -ms-transform: translateX(.55em);
2066
2423
  transform: translateX(.55em);
2067
2424
  }
2068
2425
 
2069
2426
  35% {
2070
2427
  -webkit-transform: translateX(-.55em);
2428
+ -ms-transform: translateX(-.55em);
2071
2429
  transform: translateX(-.55em);
2072
2430
  }
2073
2431
 
2074
2432
  50% {
2075
2433
  -webkit-transform: translateX(.275em);
2434
+ -ms-transform: translateX(.275em);
2076
2435
  transform: translateX(.275em);
2077
2436
  }
2078
2437
 
2079
2438
  65% {
2080
2439
  -webkit-transform: translateX(-.275em);
2440
+ -ms-transform: translateX(-.275em);
2081
2441
  transform: translateX(-.275em);
2082
2442
  }
2083
2443
 
2084
2444
  85% {
2085
2445
  -webkit-transform: translateX(.18333em);
2446
+ -ms-transform: translateX(.18333em);
2086
2447
  transform: translateX(.18333em);
2087
2448
  }
2088
2449
  }
2089
2450
 
2090
2451
  @-moz-keyframes shake {
2091
2452
  0%, 100% {
2092
- transform: translateX(0) translateZ(0);
2453
+ -webkit-transform: translateX(0) translateZ(0);
2454
+ -ms-transform: translateX(0) translateZ(0);
2455
+ transform: translateX(0) translateZ(0);
2093
2456
  }
2094
2457
 
2095
2458
  15% {
2096
- transform: translateX(.55em);
2459
+ -webkit-transform: translateX(.55em);
2460
+ -ms-transform: translateX(.55em);
2461
+ transform: translateX(.55em);
2097
2462
  }
2098
2463
 
2099
2464
  35% {
2100
- transform: translateX(-.55em);
2465
+ -webkit-transform: translateX(-.55em);
2466
+ -ms-transform: translateX(-.55em);
2467
+ transform: translateX(-.55em);
2101
2468
  }
2102
2469
 
2103
2470
  50% {
2104
- transform: translateX(.275em);
2471
+ -webkit-transform: translateX(.275em);
2472
+ -ms-transform: translateX(.275em);
2473
+ transform: translateX(.275em);
2105
2474
  }
2106
2475
 
2107
2476
  65% {
2108
- transform: translateX(-.275em);
2477
+ -webkit-transform: translateX(-.275em);
2478
+ -ms-transform: translateX(-.275em);
2479
+ transform: translateX(-.275em);
2109
2480
  }
2110
2481
 
2111
2482
  85% {
2112
- transform: translateX(.18333em);
2483
+ -webkit-transform: translateX(.18333em);
2484
+ -ms-transform: translateX(.18333em);
2485
+ transform: translateX(.18333em);
2113
2486
  }
2114
2487
  }
2115
2488
 
2116
2489
  @-o-keyframes shake {
2117
2490
  0%, 100% {
2118
- transform: translateX(0) translateZ(0);
2491
+ -webkit-transform: translateX(0) translateZ(0);
2492
+ -ms-transform: translateX(0) translateZ(0);
2493
+ transform: translateX(0) translateZ(0);
2119
2494
  }
2120
2495
 
2121
2496
  15% {
2122
- transform: translateX(.55em);
2497
+ -webkit-transform: translateX(.55em);
2498
+ -ms-transform: translateX(.55em);
2499
+ transform: translateX(.55em);
2123
2500
  }
2124
2501
 
2125
2502
  35% {
2126
- transform: translateX(-.55em);
2503
+ -webkit-transform: translateX(-.55em);
2504
+ -ms-transform: translateX(-.55em);
2505
+ transform: translateX(-.55em);
2127
2506
  }
2128
2507
 
2129
2508
  50% {
2130
- transform: translateX(.275em);
2509
+ -webkit-transform: translateX(.275em);
2510
+ -ms-transform: translateX(.275em);
2511
+ transform: translateX(.275em);
2131
2512
  }
2132
2513
 
2133
2514
  65% {
2134
- transform: translateX(-.275em);
2515
+ -webkit-transform: translateX(-.275em);
2516
+ -ms-transform: translateX(-.275em);
2517
+ transform: translateX(-.275em);
2135
2518
  }
2136
2519
 
2137
2520
  85% {
2138
- transform: translateX(.18333em);
2521
+ -webkit-transform: translateX(.18333em);
2522
+ -ms-transform: translateX(.18333em);
2523
+ transform: translateX(.18333em);
2139
2524
  }
2140
2525
  }
2141
2526
 
@@ -2180,97 +2565,132 @@
2180
2565
  @-webkit-keyframes teeter {
2181
2566
  0%, 100% {
2182
2567
  -webkit-transform: rotate(0deg) translateZ(0);
2568
+ -ms-transform: rotate(0deg) translateZ(0);
2183
2569
  transform: rotate(0deg) translateZ(0);
2184
2570
  }
2185
2571
 
2186
2572
  15% {
2187
2573
  -webkit-transform: rotate(10deg);
2574
+ -ms-transform: rotate(10deg);
2188
2575
  transform: rotate(10deg);
2189
2576
  }
2190
2577
 
2191
2578
  30% {
2192
2579
  -webkit-transform: rotate(-10deg);
2580
+ -ms-transform: rotate(-10deg);
2193
2581
  transform: rotate(-10deg);
2194
2582
  }
2195
2583
 
2196
2584
  45% {
2197
2585
  -webkit-transform: rotate(5deg);
2586
+ -ms-transform: rotate(5deg);
2198
2587
  transform: rotate(5deg);
2199
2588
  }
2200
2589
 
2201
2590
  60% {
2202
2591
  -webkit-transform: rotate(-5deg);
2592
+ -ms-transform: rotate(-5deg);
2203
2593
  transform: rotate(-5deg);
2204
2594
  }
2205
2595
 
2206
2596
  73% {
2207
2597
  -webkit-transform: rotate(3.33333deg);
2598
+ -ms-transform: rotate(3.33333deg);
2208
2599
  transform: rotate(3.33333deg);
2209
2600
  }
2210
2601
 
2211
2602
  86% {
2212
2603
  -webkit-transform: rotate(-3.33333deg);
2604
+ -ms-transform: rotate(-3.33333deg);
2213
2605
  transform: rotate(-3.33333deg);
2214
2606
  }
2215
2607
  }
2216
2608
 
2217
2609
  @-moz-keyframes teeter {
2218
2610
  0%, 100% {
2219
- transform: rotate(0deg) translateZ(0);
2611
+ -webkit-transform: rotate(0deg) translateZ(0);
2612
+ -ms-transform: rotate(0deg) translateZ(0);
2613
+ transform: rotate(0deg) translateZ(0);
2220
2614
  }
2221
2615
 
2222
2616
  15% {
2223
- transform: rotate(10deg);
2617
+ -webkit-transform: rotate(10deg);
2618
+ -ms-transform: rotate(10deg);
2619
+ transform: rotate(10deg);
2224
2620
  }
2225
2621
 
2226
2622
  30% {
2227
- transform: rotate(-10deg);
2623
+ -webkit-transform: rotate(-10deg);
2624
+ -ms-transform: rotate(-10deg);
2625
+ transform: rotate(-10deg);
2228
2626
  }
2229
2627
 
2230
2628
  45% {
2231
- transform: rotate(5deg);
2629
+ -webkit-transform: rotate(5deg);
2630
+ -ms-transform: rotate(5deg);
2631
+ transform: rotate(5deg);
2232
2632
  }
2233
2633
 
2234
2634
  60% {
2235
- transform: rotate(-5deg);
2635
+ -webkit-transform: rotate(-5deg);
2636
+ -ms-transform: rotate(-5deg);
2637
+ transform: rotate(-5deg);
2236
2638
  }
2237
2639
 
2238
2640
  73% {
2239
- transform: rotate(3.33333deg);
2641
+ -webkit-transform: rotate(3.33333deg);
2642
+ -ms-transform: rotate(3.33333deg);
2643
+ transform: rotate(3.33333deg);
2240
2644
  }
2241
2645
 
2242
2646
  86% {
2243
- transform: rotate(-3.33333deg);
2647
+ -webkit-transform: rotate(-3.33333deg);
2648
+ -ms-transform: rotate(-3.33333deg);
2649
+ transform: rotate(-3.33333deg);
2244
2650
  }
2245
2651
  }
2246
2652
 
2247
2653
  @-o-keyframes teeter {
2248
2654
  0%, 100% {
2249
- transform: rotate(0deg) translateZ(0);
2655
+ -webkit-transform: rotate(0deg) translateZ(0);
2656
+ -ms-transform: rotate(0deg) translateZ(0);
2657
+ transform: rotate(0deg) translateZ(0);
2250
2658
  }
2251
2659
 
2252
2660
  15% {
2253
- transform: rotate(10deg);
2661
+ -webkit-transform: rotate(10deg);
2662
+ -ms-transform: rotate(10deg);
2663
+ transform: rotate(10deg);
2254
2664
  }
2255
2665
 
2256
2666
  30% {
2257
- transform: rotate(-10deg);
2667
+ -webkit-transform: rotate(-10deg);
2668
+ -ms-transform: rotate(-10deg);
2669
+ transform: rotate(-10deg);
2258
2670
  }
2259
2671
 
2260
2672
  45% {
2261
- transform: rotate(5deg);
2673
+ -webkit-transform: rotate(5deg);
2674
+ -ms-transform: rotate(5deg);
2675
+ transform: rotate(5deg);
2262
2676
  }
2263
2677
 
2264
2678
  60% {
2265
- transform: rotate(-5deg);
2679
+ -webkit-transform: rotate(-5deg);
2680
+ -ms-transform: rotate(-5deg);
2681
+ transform: rotate(-5deg);
2266
2682
  }
2267
2683
 
2268
2684
  73% {
2269
- transform: rotate(3.33333deg);
2685
+ -webkit-transform: rotate(3.33333deg);
2686
+ -ms-transform: rotate(3.33333deg);
2687
+ transform: rotate(3.33333deg);
2270
2688
  }
2271
2689
 
2272
2690
  86% {
2273
- transform: rotate(-3.33333deg);
2691
+ -webkit-transform: rotate(-3.33333deg);
2692
+ -ms-transform: rotate(-3.33333deg);
2693
+ transform: rotate(-3.33333deg);
2274
2694
  }
2275
2695
  }
2276
2696
 
@@ -2321,149 +2741,204 @@
2321
2741
  @-webkit-keyframes quiver {
2322
2742
  0% {
2323
2743
  -webkit-transform: translate3d(2px, 1px, 0) rotate(0deg);
2744
+ -ms-transform: translate3d(2px, 1px, 0) rotate(0deg);
2324
2745
  transform: translate3d(2px, 1px, 0) rotate(0deg);
2325
2746
  }
2326
2747
 
2327
2748
  10% {
2328
2749
  -webkit-transform: translate3d(-1px, 2px, 0) rotate(2deg);
2750
+ -ms-transform: translate3d(-1px, 2px, 0) rotate(2deg);
2329
2751
  transform: translate3d(-1px, 2px, 0) rotate(2deg);
2330
2752
  }
2331
2753
 
2332
2754
  20% {
2333
2755
  -webkit-transform: translate3d(-3px, 0) rotate(-2deg);
2756
+ -ms-transform: translate3d(-3px, 0) rotate(-2deg);
2334
2757
  transform: translate3d(-3px, 0) rotate(-2deg);
2335
2758
  }
2336
2759
 
2337
2760
  30% {
2338
2761
  -webkit-transform: translate3d(0, 2px, 0) rotate(0deg);
2762
+ -ms-transform: translate3d(0, 2px, 0) rotate(0deg);
2339
2763
  transform: translate3d(0, 2px, 0) rotate(0deg);
2340
2764
  }
2341
2765
 
2342
2766
  40% {
2343
2767
  -webkit-transform: translate3d(1px, -1px, 0) rotate(2deg);
2768
+ -ms-transform: translate3d(1px, -1px, 0) rotate(2deg);
2344
2769
  transform: translate3d(1px, -1px, 0) rotate(2deg);
2345
2770
  }
2346
2771
 
2347
2772
  50% {
2348
2773
  -webkit-transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2774
+ -ms-transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2349
2775
  transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2350
2776
  }
2351
2777
 
2352
2778
  60% {
2353
2779
  -webkit-transform: translate3d(-3px, 1px, 0) rotate(0deg);
2780
+ -ms-transform: translate3d(-3px, 1px, 0) rotate(0deg);
2354
2781
  transform: translate3d(-3px, 1px, 0) rotate(0deg);
2355
2782
  }
2356
2783
 
2357
2784
  70% {
2358
2785
  -webkit-transform: translate3d(2px, 1px, 0) rotate(2deg);
2786
+ -ms-transform: translate3d(2px, 1px, 0) rotate(2deg);
2359
2787
  transform: translate3d(2px, 1px, 0) rotate(2deg);
2360
2788
  }
2361
2789
 
2362
2790
  80% {
2363
2791
  -webkit-transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2792
+ -ms-transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2364
2793
  transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2365
2794
  }
2366
2795
 
2367
2796
  90% {
2368
2797
  -webkit-transform: translate3d(2px, 2px, 0) rotate(0deg);
2798
+ -ms-transform: translate3d(2px, 2px, 0) rotate(0deg);
2369
2799
  transform: translate3d(2px, 2px, 0) rotate(0deg);
2370
2800
  }
2371
2801
 
2372
2802
  100% {
2373
2803
  -webkit-transform: translate3d(1px, -2px, 0) rotate(2deg);
2804
+ -ms-transform: translate3d(1px, -2px, 0) rotate(2deg);
2374
2805
  transform: translate3d(1px, -2px, 0) rotate(2deg);
2375
2806
  }
2376
2807
  }
2377
2808
 
2378
2809
  @-moz-keyframes quiver {
2379
2810
  0% {
2380
- transform: translate3d(2px, 1px, 0) rotate(0deg);
2811
+ -webkit-transform: translate3d(2px, 1px, 0) rotate(0deg);
2812
+ -ms-transform: translate3d(2px, 1px, 0) rotate(0deg);
2813
+ transform: translate3d(2px, 1px, 0) rotate(0deg);
2381
2814
  }
2382
2815
 
2383
2816
  10% {
2384
- transform: translate3d(-1px, 2px, 0) rotate(2deg);
2817
+ -webkit-transform: translate3d(-1px, 2px, 0) rotate(2deg);
2818
+ -ms-transform: translate3d(-1px, 2px, 0) rotate(2deg);
2819
+ transform: translate3d(-1px, 2px, 0) rotate(2deg);
2385
2820
  }
2386
2821
 
2387
2822
  20% {
2388
- transform: translate3d(-3px, 0) rotate(-2deg);
2823
+ -webkit-transform: translate3d(-3px, 0) rotate(-2deg);
2824
+ -ms-transform: translate3d(-3px, 0) rotate(-2deg);
2825
+ transform: translate3d(-3px, 0) rotate(-2deg);
2389
2826
  }
2390
2827
 
2391
2828
  30% {
2392
- transform: translate3d(0, 2px, 0) rotate(0deg);
2829
+ -webkit-transform: translate3d(0, 2px, 0) rotate(0deg);
2830
+ -ms-transform: translate3d(0, 2px, 0) rotate(0deg);
2831
+ transform: translate3d(0, 2px, 0) rotate(0deg);
2393
2832
  }
2394
2833
 
2395
2834
  40% {
2396
- transform: translate3d(1px, -1px, 0) rotate(2deg);
2835
+ -webkit-transform: translate3d(1px, -1px, 0) rotate(2deg);
2836
+ -ms-transform: translate3d(1px, -1px, 0) rotate(2deg);
2837
+ transform: translate3d(1px, -1px, 0) rotate(2deg);
2397
2838
  }
2398
2839
 
2399
2840
  50% {
2400
- transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2841
+ -webkit-transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2842
+ -ms-transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2843
+ transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2401
2844
  }
2402
2845
 
2403
2846
  60% {
2404
- transform: translate3d(-3px, 1px, 0) rotate(0deg);
2847
+ -webkit-transform: translate3d(-3px, 1px, 0) rotate(0deg);
2848
+ -ms-transform: translate3d(-3px, 1px, 0) rotate(0deg);
2849
+ transform: translate3d(-3px, 1px, 0) rotate(0deg);
2405
2850
  }
2406
2851
 
2407
2852
  70% {
2408
- transform: translate3d(2px, 1px, 0) rotate(2deg);
2853
+ -webkit-transform: translate3d(2px, 1px, 0) rotate(2deg);
2854
+ -ms-transform: translate3d(2px, 1px, 0) rotate(2deg);
2855
+ transform: translate3d(2px, 1px, 0) rotate(2deg);
2409
2856
  }
2410
2857
 
2411
2858
  80% {
2412
- transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2859
+ -webkit-transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2860
+ -ms-transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2861
+ transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2413
2862
  }
2414
2863
 
2415
2864
  90% {
2416
- transform: translate3d(2px, 2px, 0) rotate(0deg);
2865
+ -webkit-transform: translate3d(2px, 2px, 0) rotate(0deg);
2866
+ -ms-transform: translate3d(2px, 2px, 0) rotate(0deg);
2867
+ transform: translate3d(2px, 2px, 0) rotate(0deg);
2417
2868
  }
2418
2869
 
2419
2870
  100% {
2420
- transform: translate3d(1px, -2px, 0) rotate(2deg);
2871
+ -webkit-transform: translate3d(1px, -2px, 0) rotate(2deg);
2872
+ -ms-transform: translate3d(1px, -2px, 0) rotate(2deg);
2873
+ transform: translate3d(1px, -2px, 0) rotate(2deg);
2421
2874
  }
2422
2875
  }
2423
2876
 
2424
2877
  @-o-keyframes quiver {
2425
2878
  0% {
2426
- transform: translate3d(2px, 1px, 0) rotate(0deg);
2879
+ -webkit-transform: translate3d(2px, 1px, 0) rotate(0deg);
2880
+ -ms-transform: translate3d(2px, 1px, 0) rotate(0deg);
2881
+ transform: translate3d(2px, 1px, 0) rotate(0deg);
2427
2882
  }
2428
2883
 
2429
2884
  10% {
2430
- transform: translate3d(-1px, 2px, 0) rotate(2deg);
2885
+ -webkit-transform: translate3d(-1px, 2px, 0) rotate(2deg);
2886
+ -ms-transform: translate3d(-1px, 2px, 0) rotate(2deg);
2887
+ transform: translate3d(-1px, 2px, 0) rotate(2deg);
2431
2888
  }
2432
2889
 
2433
2890
  20% {
2434
- transform: translate3d(-3px, 0) rotate(-2deg);
2891
+ -webkit-transform: translate3d(-3px, 0) rotate(-2deg);
2892
+ -ms-transform: translate3d(-3px, 0) rotate(-2deg);
2893
+ transform: translate3d(-3px, 0) rotate(-2deg);
2435
2894
  }
2436
2895
 
2437
2896
  30% {
2438
- transform: translate3d(0, 2px, 0) rotate(0deg);
2897
+ -webkit-transform: translate3d(0, 2px, 0) rotate(0deg);
2898
+ -ms-transform: translate3d(0, 2px, 0) rotate(0deg);
2899
+ transform: translate3d(0, 2px, 0) rotate(0deg);
2439
2900
  }
2440
2901
 
2441
2902
  40% {
2442
- transform: translate3d(1px, -1px, 0) rotate(2deg);
2903
+ -webkit-transform: translate3d(1px, -1px, 0) rotate(2deg);
2904
+ -ms-transform: translate3d(1px, -1px, 0) rotate(2deg);
2905
+ transform: translate3d(1px, -1px, 0) rotate(2deg);
2443
2906
  }
2444
2907
 
2445
2908
  50% {
2446
- transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2909
+ -webkit-transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2910
+ -ms-transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2911
+ transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2447
2912
  }
2448
2913
 
2449
2914
  60% {
2450
- transform: translate3d(-3px, 1px, 0) rotate(0deg);
2915
+ -webkit-transform: translate3d(-3px, 1px, 0) rotate(0deg);
2916
+ -ms-transform: translate3d(-3px, 1px, 0) rotate(0deg);
2917
+ transform: translate3d(-3px, 1px, 0) rotate(0deg);
2451
2918
  }
2452
2919
 
2453
2920
  70% {
2454
- transform: translate3d(2px, 1px, 0) rotate(2deg);
2921
+ -webkit-transform: translate3d(2px, 1px, 0) rotate(2deg);
2922
+ -ms-transform: translate3d(2px, 1px, 0) rotate(2deg);
2923
+ transform: translate3d(2px, 1px, 0) rotate(2deg);
2455
2924
  }
2456
2925
 
2457
2926
  80% {
2458
- transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2927
+ -webkit-transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2928
+ -ms-transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2929
+ transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2459
2930
  }
2460
2931
 
2461
2932
  90% {
2462
- transform: translate3d(2px, 2px, 0) rotate(0deg);
2933
+ -webkit-transform: translate3d(2px, 2px, 0) rotate(0deg);
2934
+ -ms-transform: translate3d(2px, 2px, 0) rotate(0deg);
2935
+ transform: translate3d(2px, 2px, 0) rotate(0deg);
2463
2936
  }
2464
2937
 
2465
2938
  100% {
2466
- transform: translate3d(1px, -2px, 0) rotate(2deg);
2939
+ -webkit-transform: translate3d(1px, -2px, 0) rotate(2deg);
2940
+ -ms-transform: translate3d(1px, -2px, 0) rotate(2deg);
2941
+ transform: translate3d(1px, -2px, 0) rotate(2deg);
2467
2942
  }
2468
2943
  }
2469
2944
 
@@ -2538,45 +3013,60 @@
2538
3013
  @-webkit-keyframes sway {
2539
3014
  0%, 50%, 100% {
2540
3015
  -webkit-transform: rotate(3deg) translateZ(0);
3016
+ -ms-transform: rotate(3deg) translateZ(0);
2541
3017
  transform: rotate(3deg) translateZ(0);
2542
3018
  }
2543
3019
 
2544
3020
  25% {
2545
3021
  -webkit-transform: rotate(-3deg);
3022
+ -ms-transform: rotate(-3deg);
2546
3023
  transform: rotate(-3deg);
2547
3024
  }
2548
3025
 
2549
3026
  75% {
2550
3027
  -webkit-transform: rotate(-3deg);
3028
+ -ms-transform: rotate(-3deg);
2551
3029
  transform: rotate(-3deg);
2552
3030
  }
2553
3031
  }
2554
3032
 
2555
3033
  @-moz-keyframes sway {
2556
3034
  0%, 50%, 100% {
2557
- transform: rotate(3deg) translateZ(0);
3035
+ -webkit-transform: rotate(3deg) translateZ(0);
3036
+ -ms-transform: rotate(3deg) translateZ(0);
3037
+ transform: rotate(3deg) translateZ(0);
2558
3038
  }
2559
3039
 
2560
3040
  25% {
2561
- transform: rotate(-3deg);
3041
+ -webkit-transform: rotate(-3deg);
3042
+ -ms-transform: rotate(-3deg);
3043
+ transform: rotate(-3deg);
2562
3044
  }
2563
3045
 
2564
3046
  75% {
2565
- transform: rotate(-3deg);
3047
+ -webkit-transform: rotate(-3deg);
3048
+ -ms-transform: rotate(-3deg);
3049
+ transform: rotate(-3deg);
2566
3050
  }
2567
3051
  }
2568
3052
 
2569
3053
  @-o-keyframes sway {
2570
3054
  0%, 50%, 100% {
2571
- transform: rotate(3deg) translateZ(0);
3055
+ -webkit-transform: rotate(3deg) translateZ(0);
3056
+ -ms-transform: rotate(3deg) translateZ(0);
3057
+ transform: rotate(3deg) translateZ(0);
2572
3058
  }
2573
3059
 
2574
3060
  25% {
2575
- transform: rotate(-3deg);
3061
+ -webkit-transform: rotate(-3deg);
3062
+ -ms-transform: rotate(-3deg);
3063
+ transform: rotate(-3deg);
2576
3064
  }
2577
3065
 
2578
3066
  75% {
2579
- transform: rotate(-3deg);
3067
+ -webkit-transform: rotate(-3deg);
3068
+ -ms-transform: rotate(-3deg);
3069
+ transform: rotate(-3deg);
2580
3070
  }
2581
3071
  }
2582
3072
 
@@ -2603,32 +3093,42 @@
2603
3093
  @-webkit-keyframes spin {
2604
3094
  0% {
2605
3095
  -webkit-transform: rotate(0deg) translateZ(0);
3096
+ -ms-transform: rotate(0deg) translateZ(0);
2606
3097
  transform: rotate(0deg) translateZ(0);
2607
3098
  }
2608
3099
 
2609
3100
  100% {
2610
3101
  -webkit-transform: rotate(360deg);
3102
+ -ms-transform: rotate(360deg);
2611
3103
  transform: rotate(360deg);
2612
3104
  }
2613
3105
  }
2614
3106
 
2615
3107
  @-moz-keyframes spin {
2616
3108
  0% {
2617
- transform: rotate(0deg) translateZ(0);
3109
+ -webkit-transform: rotate(0deg) translateZ(0);
3110
+ -ms-transform: rotate(0deg) translateZ(0);
3111
+ transform: rotate(0deg) translateZ(0);
2618
3112
  }
2619
3113
 
2620
3114
  100% {
2621
- transform: rotate(360deg);
3115
+ -webkit-transform: rotate(360deg);
3116
+ -ms-transform: rotate(360deg);
3117
+ transform: rotate(360deg);
2622
3118
  }
2623
3119
  }
2624
3120
 
2625
3121
  @-o-keyframes spin {
2626
3122
  0% {
2627
- transform: rotate(0deg) translateZ(0);
3123
+ -webkit-transform: rotate(0deg) translateZ(0);
3124
+ -ms-transform: rotate(0deg) translateZ(0);
3125
+ transform: rotate(0deg) translateZ(0);
2628
3126
  }
2629
3127
 
2630
3128
  100% {
2631
- transform: rotate(360deg);
3129
+ -webkit-transform: rotate(360deg);
3130
+ -ms-transform: rotate(360deg);
3131
+ transform: rotate(360deg);
2632
3132
  }
2633
3133
  }
2634
3134
 
@@ -2649,84 +3149,114 @@
2649
3149
  @-webkit-keyframes bounce {
2650
3150
  0%, 85%, 100% {
2651
3151
  -webkit-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
3152
+ -ms-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
2652
3153
  transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
2653
3154
  }
2654
3155
 
2655
3156
  25% {
2656
3157
  -webkit-transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
3158
+ -ms-transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
2657
3159
  transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
2658
3160
  }
2659
3161
 
2660
3162
  35% {
2661
3163
  -webkit-transform: translateY(0) scaleY(.98) scaleX(1.02);
3164
+ -ms-transform: translateY(0) scaleY(.98) scaleX(1.02);
2662
3165
  transform: translateY(0) scaleY(.98) scaleX(1.02);
2663
3166
  }
2664
3167
 
2665
3168
  50% {
2666
3169
  -webkit-transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
3170
+ -ms-transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
2667
3171
  transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
2668
3172
  }
2669
3173
 
2670
3174
  60% {
2671
3175
  -webkit-transform: translateY(0) scaleY(.99) scaleX(1.01);
3176
+ -ms-transform: translateY(0) scaleY(.99) scaleX(1.01);
2672
3177
  transform: translateY(0) scaleY(.99) scaleX(1.01);
2673
3178
  }
2674
3179
 
2675
3180
  75% {
2676
3181
  -webkit-transform: translateY(-.05rem);
3182
+ -ms-transform: translateY(-.05rem);
2677
3183
  transform: translateY(-.05rem);
2678
3184
  }
2679
3185
  }
2680
3186
 
2681
3187
  @-moz-keyframes bounce {
2682
3188
  0%, 85%, 100% {
2683
- transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
3189
+ -webkit-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
3190
+ -ms-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
3191
+ transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
2684
3192
  }
2685
3193
 
2686
3194
  25% {
2687
- transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
3195
+ -webkit-transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
3196
+ -ms-transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
3197
+ transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
2688
3198
  }
2689
3199
 
2690
3200
  35% {
2691
- transform: translateY(0) scaleY(.98) scaleX(1.02);
3201
+ -webkit-transform: translateY(0) scaleY(.98) scaleX(1.02);
3202
+ -ms-transform: translateY(0) scaleY(.98) scaleX(1.02);
3203
+ transform: translateY(0) scaleY(.98) scaleX(1.02);
2692
3204
  }
2693
3205
 
2694
3206
  50% {
2695
- transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
3207
+ -webkit-transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
3208
+ -ms-transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
3209
+ transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
2696
3210
  }
2697
3211
 
2698
3212
  60% {
2699
- transform: translateY(0) scaleY(.99) scaleX(1.01);
3213
+ -webkit-transform: translateY(0) scaleY(.99) scaleX(1.01);
3214
+ -ms-transform: translateY(0) scaleY(.99) scaleX(1.01);
3215
+ transform: translateY(0) scaleY(.99) scaleX(1.01);
2700
3216
  }
2701
3217
 
2702
3218
  75% {
2703
- transform: translateY(-.05rem);
3219
+ -webkit-transform: translateY(-.05rem);
3220
+ -ms-transform: translateY(-.05rem);
3221
+ transform: translateY(-.05rem);
2704
3222
  }
2705
3223
  }
2706
3224
 
2707
3225
  @-o-keyframes bounce {
2708
3226
  0%, 85%, 100% {
2709
- transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
3227
+ -webkit-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
3228
+ -ms-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
3229
+ transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
2710
3230
  }
2711
3231
 
2712
3232
  25% {
2713
- transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
3233
+ -webkit-transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
3234
+ -ms-transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
3235
+ transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
2714
3236
  }
2715
3237
 
2716
3238
  35% {
2717
- transform: translateY(0) scaleY(.98) scaleX(1.02);
3239
+ -webkit-transform: translateY(0) scaleY(.98) scaleX(1.02);
3240
+ -ms-transform: translateY(0) scaleY(.98) scaleX(1.02);
3241
+ transform: translateY(0) scaleY(.98) scaleX(1.02);
2718
3242
  }
2719
3243
 
2720
3244
  50% {
2721
- transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
3245
+ -webkit-transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
3246
+ -ms-transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
3247
+ transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
2722
3248
  }
2723
3249
 
2724
3250
  60% {
2725
- transform: translateY(0) scaleY(.99) scaleX(1.01);
3251
+ -webkit-transform: translateY(0) scaleY(.99) scaleX(1.01);
3252
+ -ms-transform: translateY(0) scaleY(.99) scaleX(1.01);
3253
+ transform: translateY(0) scaleY(.99) scaleX(1.01);
2726
3254
  }
2727
3255
 
2728
3256
  75% {
2729
- transform: translateY(-.05rem);
3257
+ -webkit-transform: translateY(-.05rem);
3258
+ -ms-transform: translateY(-.05rem);
3259
+ transform: translateY(-.05rem);
2730
3260
  }
2731
3261
  }
2732
3262
 
@@ -2772,12 +3302,14 @@
2772
3302
  0%, 100% {
2773
3303
  opacity: 1;
2774
3304
  -webkit-transform: scale(1) translateZ(0);
3305
+ -ms-transform: scale(1) translateZ(0);
2775
3306
  transform: scale(1) translateZ(0);
2776
3307
  }
2777
3308
 
2778
3309
  50% {
2779
3310
  opacity: .85;
2780
3311
  -webkit-transform: scale(1.1);
3312
+ -ms-transform: scale(1.1);
2781
3313
  transform: scale(1.1);
2782
3314
  }
2783
3315
  }
@@ -2785,24 +3317,32 @@
2785
3317
  @-moz-keyframes pulsate {
2786
3318
  0%, 100% {
2787
3319
  opacity: 1;
2788
- transform: scale(1) translateZ(0);
3320
+ -webkit-transform: scale(1) translateZ(0);
3321
+ -ms-transform: scale(1) translateZ(0);
3322
+ transform: scale(1) translateZ(0);
2789
3323
  }
2790
3324
 
2791
3325
  50% {
2792
3326
  opacity: .85;
2793
- transform: scale(1.1);
3327
+ -webkit-transform: scale(1.1);
3328
+ -ms-transform: scale(1.1);
3329
+ transform: scale(1.1);
2794
3330
  }
2795
3331
  }
2796
3332
 
2797
3333
  @-o-keyframes pulsate {
2798
3334
  0%, 100% {
2799
3335
  opacity: 1;
2800
- transform: scale(1) translateZ(0);
3336
+ -webkit-transform: scale(1) translateZ(0);
3337
+ -ms-transform: scale(1) translateZ(0);
3338
+ transform: scale(1) translateZ(0);
2801
3339
  }
2802
3340
 
2803
3341
  50% {
2804
3342
  opacity: .85;
2805
- transform: scale(1.1);
3343
+ -webkit-transform: scale(1.1);
3344
+ -ms-transform: scale(1.1);
3345
+ transform: scale(1.1);
2806
3346
  }
2807
3347
  }
2808
3348
 
@@ -2825,32 +3365,42 @@
2825
3365
  @-webkit-keyframes aroundTheWorld {
2826
3366
  0% {
2827
3367
  -webkit-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
3368
+ -ms-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
2828
3369
  transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
2829
3370
  }
2830
3371
 
2831
3372
  100% {
2832
3373
  -webkit-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
3374
+ -ms-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
2833
3375
  transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
2834
3376
  }
2835
3377
  }
2836
3378
 
2837
3379
  @-moz-keyframes aroundTheWorld {
2838
3380
  0% {
2839
- transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
3381
+ -webkit-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
3382
+ -ms-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
3383
+ transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
2840
3384
  }
2841
3385
 
2842
3386
  100% {
2843
- transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
3387
+ -webkit-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
3388
+ -ms-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
3389
+ transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
2844
3390
  }
2845
3391
  }
2846
3392
 
2847
3393
  @-o-keyframes aroundTheWorld {
2848
3394
  0% {
2849
- transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
3395
+ -webkit-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
3396
+ -ms-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
3397
+ transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
2850
3398
  }
2851
3399
 
2852
3400
  100% {
2853
- transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
3401
+ -webkit-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
3402
+ -ms-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
3403
+ transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
2854
3404
  }
2855
3405
  }
2856
3406
 
@@ -2871,35 +3421,45 @@
2871
3421
  @-webkit-keyframes ping {
2872
3422
  0% {
2873
3423
  -webkit-transform: scale(0);
3424
+ -ms-transform: scale(0);
2874
3425
  transform: scale(0);
2875
3426
  }
2876
3427
 
2877
3428
  100% {
2878
3429
  opacity: 0;
2879
3430
  -webkit-transform: scale(1);
3431
+ -ms-transform: scale(1);
2880
3432
  transform: scale(1);
2881
3433
  }
2882
3434
  }
2883
3435
 
2884
3436
  @-moz-keyframes ping {
2885
3437
  0% {
2886
- transform: scale(0);
3438
+ -webkit-transform: scale(0);
3439
+ -ms-transform: scale(0);
3440
+ transform: scale(0);
2887
3441
  }
2888
3442
 
2889
3443
  100% {
2890
3444
  opacity: 0;
2891
- transform: scale(1);
3445
+ -webkit-transform: scale(1);
3446
+ -ms-transform: scale(1);
3447
+ transform: scale(1);
2892
3448
  }
2893
3449
  }
2894
3450
 
2895
3451
  @-o-keyframes ping {
2896
3452
  0% {
2897
- transform: scale(0);
3453
+ -webkit-transform: scale(0);
3454
+ -ms-transform: scale(0);
3455
+ transform: scale(0);
2898
3456
  }
2899
3457
 
2900
3458
  100% {
2901
3459
  opacity: 0;
2902
- transform: scale(1);
3460
+ -webkit-transform: scale(1);
3461
+ -ms-transform: scale(1);
3462
+ transform: scale(1);
2903
3463
  }
2904
3464
  }
2905
3465
 
@@ -2921,58 +3481,78 @@
2921
3481
  @-webkit-keyframes squareDance {
2922
3482
  0%, 100% {
2923
3483
  -webkit-transform: translate3d(100%, 0, 0);
3484
+ -ms-transform: translate3d(100%, 0, 0);
2924
3485
  transform: translate3d(100%, 0, 0);
2925
3486
  }
2926
3487
 
2927
3488
  25% {
2928
3489
  -webkit-transform: translate3d(100%, 100%, 0);
3490
+ -ms-transform: translate3d(100%, 100%, 0);
2929
3491
  transform: translate3d(100%, 100%, 0);
2930
3492
  }
2931
3493
 
2932
3494
  50% {
2933
3495
  -webkit-transform: translate3d(0, 100%, 0);
3496
+ -ms-transform: translate3d(0, 100%, 0);
2934
3497
  transform: translate3d(0, 100%, 0);
2935
3498
  }
2936
3499
 
2937
3500
  75% {
2938
3501
  -webkit-transform: translate3d(0, 0, 0);
3502
+ -ms-transform: translate3d(0, 0, 0);
2939
3503
  transform: translate3d(0, 0, 0);
2940
3504
  }
2941
3505
  }
2942
3506
 
2943
3507
  @-moz-keyframes squareDance {
2944
3508
  0%, 100% {
2945
- transform: translate3d(100%, 0, 0);
3509
+ -webkit-transform: translate3d(100%, 0, 0);
3510
+ -ms-transform: translate3d(100%, 0, 0);
3511
+ transform: translate3d(100%, 0, 0);
2946
3512
  }
2947
3513
 
2948
3514
  25% {
2949
- transform: translate3d(100%, 100%, 0);
3515
+ -webkit-transform: translate3d(100%, 100%, 0);
3516
+ -ms-transform: translate3d(100%, 100%, 0);
3517
+ transform: translate3d(100%, 100%, 0);
2950
3518
  }
2951
3519
 
2952
3520
  50% {
2953
- transform: translate3d(0, 100%, 0);
3521
+ -webkit-transform: translate3d(0, 100%, 0);
3522
+ -ms-transform: translate3d(0, 100%, 0);
3523
+ transform: translate3d(0, 100%, 0);
2954
3524
  }
2955
3525
 
2956
3526
  75% {
2957
- transform: translate3d(0, 0, 0);
3527
+ -webkit-transform: translate3d(0, 0, 0);
3528
+ -ms-transform: translate3d(0, 0, 0);
3529
+ transform: translate3d(0, 0, 0);
2958
3530
  }
2959
3531
  }
2960
3532
 
2961
3533
  @-o-keyframes squareDance {
2962
3534
  0%, 100% {
2963
- transform: translate3d(100%, 0, 0);
3535
+ -webkit-transform: translate3d(100%, 0, 0);
3536
+ -ms-transform: translate3d(100%, 0, 0);
3537
+ transform: translate3d(100%, 0, 0);
2964
3538
  }
2965
3539
 
2966
3540
  25% {
2967
- transform: translate3d(100%, 100%, 0);
3541
+ -webkit-transform: translate3d(100%, 100%, 0);
3542
+ -ms-transform: translate3d(100%, 100%, 0);
3543
+ transform: translate3d(100%, 100%, 0);
2968
3544
  }
2969
3545
 
2970
3546
  50% {
2971
- transform: translate3d(0, 100%, 0);
3547
+ -webkit-transform: translate3d(0, 100%, 0);
3548
+ -ms-transform: translate3d(0, 100%, 0);
3549
+ transform: translate3d(0, 100%, 0);
2972
3550
  }
2973
3551
 
2974
3552
  75% {
2975
- transform: translate3d(0, 0, 0);
3553
+ -webkit-transform: translate3d(0, 0, 0);
3554
+ -ms-transform: translate3d(0, 0, 0);
3555
+ transform: translate3d(0, 0, 0);
2976
3556
  }
2977
3557
  }
2978
3558
 
@@ -3005,32 +3585,42 @@
3005
3585
  @-webkit-keyframes sunrise {
3006
3586
  0% {
3007
3587
  -webkit-transform: rotate(0deg) translate(-15em) rotate(0deg);
3588
+ -ms-transform: rotate(0deg) translate(-15em) rotate(0deg);
3008
3589
  transform: rotate(0deg) translate(-15em) rotate(0deg);
3009
3590
  }
3010
3591
 
3011
3592
  100% {
3012
3593
  -webkit-transform: rotate(180deg) translate(-15em) rotate(-180deg);
3594
+ -ms-transform: rotate(180deg) translate(-15em) rotate(-180deg);
3013
3595
  transform: rotate(180deg) translate(-15em) rotate(-180deg);
3014
3596
  }
3015
3597
  }
3016
3598
 
3017
3599
  @-moz-keyframes sunrise {
3018
3600
  0% {
3019
- transform: rotate(0deg) translate(-15em) rotate(0deg);
3601
+ -webkit-transform: rotate(0deg) translate(-15em) rotate(0deg);
3602
+ -ms-transform: rotate(0deg) translate(-15em) rotate(0deg);
3603
+ transform: rotate(0deg) translate(-15em) rotate(0deg);
3020
3604
  }
3021
3605
 
3022
3606
  100% {
3023
- transform: rotate(180deg) translate(-15em) rotate(-180deg);
3607
+ -webkit-transform: rotate(180deg) translate(-15em) rotate(-180deg);
3608
+ -ms-transform: rotate(180deg) translate(-15em) rotate(-180deg);
3609
+ transform: rotate(180deg) translate(-15em) rotate(-180deg);
3024
3610
  }
3025
3611
  }
3026
3612
 
3027
3613
  @-o-keyframes sunrise {
3028
3614
  0% {
3029
- transform: rotate(0deg) translate(-15em) rotate(0deg);
3615
+ -webkit-transform: rotate(0deg) translate(-15em) rotate(0deg);
3616
+ -ms-transform: rotate(0deg) translate(-15em) rotate(0deg);
3617
+ transform: rotate(0deg) translate(-15em) rotate(0deg);
3030
3618
  }
3031
3619
 
3032
3620
  100% {
3033
- transform: rotate(180deg) translate(-15em) rotate(-180deg);
3621
+ -webkit-transform: rotate(180deg) translate(-15em) rotate(-180deg);
3622
+ -ms-transform: rotate(180deg) translate(-15em) rotate(-180deg);
3623
+ transform: rotate(180deg) translate(-15em) rotate(-180deg);
3034
3624
  }
3035
3625
  }
3036
3626
 
@@ -3049,38 +3639,13 @@
3049
3639
  }
3050
3640
 
3051
3641
  .box {
3052
- position: relative;
3053
3642
  width: 100px;
3054
3643
  height: 100px;
3055
3644
  padding-left: 0;
3056
3645
  margin: 0 auto;
3057
3646
  text-align: center;
3058
3647
  background: red;
3059
- -webkit-transition: all .5s 0s ease-in;
3060
- transition: all .5s 0s ease-in;
3061
-
3062
- -webkit-transform-style: preserve-3d;
3063
- transform-style: preserve-3d;
3064
- -webkit-backface-visibility: hidden;
3065
- -moz-backface-visibility: hidden;
3066
- backface-visibility: hidden;
3067
- }
3068
- .box.flipped {
3069
- -webkit-transform: rotateY(180deg) translateZ(0);
3070
- -ms-transform: rotateY(180deg) translateZ(0);
3071
- transform: rotateY(180deg) translateZ(0);
3072
- }
3073
- .box::after {
3074
- position: absolute;
3075
- left: 0;
3076
- width: 100%;
3077
- height: 100%;
3078
- content: '';
3079
- -webkit-transform: rotateY(180deg);
3080
- -ms-transform: rotateY(180deg);
3081
- transform: rotateY(180deg);
3082
-
3083
- -webkit-backface-visibility: inherit;
3084
- -moz-backface-visibility: inherit;
3085
- backface-visibility: inherit;
3648
+ outline: 1px solid transparent;
3649
+ -webkit-animation: teeter 1s 0s none 1;
3650
+ animation: teeter 1s 0s none 1;
3086
3651
  }