saffron 0.2.0 → 0.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/.travis.yml +2 -4
- data/Gemfile.lock +1 -1
- data/README.md +3 -0
- data/app/assets/stylesheets/_variables.scss +18 -18
- data/app/assets/stylesheets/entrances/_drop-in.scss +2 -2
- data/app/assets/stylesheets/entrances/_fade-in-down.scss +1 -1
- data/app/assets/stylesheets/entrances/_fade-in-left.scss +1 -1
- data/app/assets/stylesheets/entrances/_fade-in-right.scss +1 -1
- data/app/assets/stylesheets/entrances/_fade-in-up.scss +1 -1
- data/app/assets/stylesheets/entrances/_fade-in-zoom-big.scss +1 -1
- data/app/assets/stylesheets/entrances/_rise-in.scss +1 -1
- data/app/assets/stylesheets/entrances/_slide-in.scss +4 -4
- data/app/assets/stylesheets/entrances/_stretch.scss +6 -6
- data/app/assets/stylesheets/entrances/_turn-in.scss +8 -8
- data/app/assets/stylesheets/exits/_compress.scss +2 -2
- data/app/assets/stylesheets/exits/_drop-out.scss +1 -1
- data/app/assets/stylesheets/exits/_fade-out-down.scss +1 -1
- data/app/assets/stylesheets/exits/_fade-out-left.scss +1 -1
- data/app/assets/stylesheets/exits/_fade-out-right.scss +1 -1
- data/app/assets/stylesheets/exits/_fade-out-up.scss +1 -1
- data/app/assets/stylesheets/exits/_poof.scss +2 -2
- data/app/assets/stylesheets/exits/_rise-out.scss +1 -1
- data/app/assets/stylesheets/exits/_slide-out.scss +4 -4
- data/app/assets/stylesheets/exits/_turn-out.scss +2 -2
- data/app/assets/stylesheets/helpers/_keyframes.scss +1 -1
- data/app/assets/stylesheets/helpers/_prefix.scss +1 -1
- data/app/assets/stylesheets/helpers/_transform.scss +2 -2
- data/app/assets/stylesheets/helpers/_transition.scss +1 -1
- data/app/assets/stylesheets/in-place/_around-the-world.scss +2 -2
- data/app/assets/stylesheets/in-place/_contract.scss +1 -2
- data/app/assets/stylesheets/in-place/_enlarge.scss +1 -2
- data/app/assets/stylesheets/in-place/_float.scss +3 -3
- data/app/assets/stylesheets/in-place/_pulsate.scss +1 -1
- data/app/assets/stylesheets/in-place/_quiver.scss +7 -7
- data/app/assets/stylesheets/in-place/_shake.scss +5 -5
- data/app/assets/stylesheets/in-place/_sunrise.scss +3 -3
- data/app/assets/stylesheets/in-place/_sway.scss +3 -3
- data/app/assets/stylesheets/in-place/_teeter.scss +6 -6
- data/bower.json +29 -0
- data/features/install.feature +0 -1
- data/features/update.feature +0 -1
- data/features/version.feature +0 -1
- data/lib/saffron/version.rb +1 -1
- data/sache.json +5 -0
- data/saffron/_variables.scss +18 -18
- data/saffron/entrances/_drop-in.scss +2 -2
- data/saffron/entrances/_fade-in-down.scss +1 -1
- data/saffron/entrances/_fade-in-left.scss +1 -1
- data/saffron/entrances/_fade-in-right.scss +1 -1
- data/saffron/entrances/_fade-in-up.scss +1 -1
- data/saffron/entrances/_fade-in-zoom-big.scss +1 -1
- data/saffron/entrances/_rise-in.scss +1 -1
- data/saffron/entrances/_slide-in.scss +4 -4
- data/saffron/entrances/_stretch.scss +6 -6
- data/saffron/entrances/_turn-in.scss +8 -8
- data/saffron/exits/_compress.scss +2 -2
- data/saffron/exits/_drop-out.scss +1 -1
- data/saffron/exits/_fade-out-down.scss +1 -1
- data/saffron/exits/_fade-out-left.scss +1 -1
- data/saffron/exits/_fade-out-right.scss +1 -1
- data/saffron/exits/_fade-out-up.scss +1 -1
- data/saffron/exits/_poof.scss +2 -2
- data/saffron/exits/_rise-out.scss +1 -1
- data/saffron/exits/_slide-out.scss +4 -4
- data/saffron/exits/_turn-out.scss +2 -2
- data/saffron/helpers/_keyframes.scss +1 -1
- data/saffron/helpers/_prefix.scss +1 -1
- data/saffron/helpers/_transform.scss +2 -2
- data/saffron/helpers/_transition.scss +1 -1
- data/saffron/in-place/_around-the-world.scss +2 -2
- data/saffron/in-place/_contract.scss +1 -2
- data/saffron/in-place/_enlarge.scss +1 -2
- data/saffron/in-place/_float.scss +3 -3
- data/saffron/in-place/_pulsate.scss +1 -1
- data/saffron/in-place/_quiver.scss +7 -7
- data/saffron/in-place/_shake.scss +5 -5
- data/saffron/in-place/_sunrise.scss +3 -3
- data/saffron/in-place/_sway.scss +3 -3
- data/saffron/in-place/_teeter.scss +6 -6
- data/tasks/compiled/saffron.css +850 -260
- data/tasks/compiled/test.css +853 -288
- data/tasks/package.json +2 -2
- data/tasks/test.scss +1 -1
- metadata +6 -4
data/tasks/compiled/test.css
CHANGED
@@ -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)
|
294
|
-
|
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)
|
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)
|
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)
|
358
|
-
-ms-transform: scale(0)
|
359
|
-
transform: scale(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
|
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
|
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
|
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
|
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
|
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
|
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
|
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
|
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)
|
857
|
-
|
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)
|
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)
|
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)
|
954
|
-
-ms-transform: scaleY(0)
|
955
|
-
transform: scaleY(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)
|
1711
|
-
|
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)
|
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)
|
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)
|
1761
|
-
-ms-transform: scale(1)
|
1762
|
-
transform: scale(1)
|
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
|
-
|
3060
|
-
|
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
|
}
|