animatecss 0.0.3 → 0.0.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +1 -1
- data/lib/animatecss/version.rb +1 -1
- data/vendor/assets/stylesheets/animate.css +602 -373
- metadata +3 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 3139f1d9dedc7878d7b5e186a1c7301b7f26ce17
|
4
|
+
data.tar.gz: bb5fec48d744e2bee719c91e02956dc29a86c710
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: fdfd3f14750af8ee4b564e3a1ac3fd38f8a28323b695267bbf553be92d0a949d8d19c8a8694b40300e9f0983844f3d86e288a5ed3f733bffcc1d2ff8022775a3
|
7
|
+
data.tar.gz: 3bc0bd599c0ed4707a7a4dc0ef5ee27fa69f0af24f895d67c796c76d436a1ced73a5fdab7aeb649c42d13cfeadcb96ed3be9f752385a3e74668a094d15bdc241
|
data/README.md
CHANGED
@@ -26,7 +26,7 @@ Add it to the application.css.scss (Ruby on Rails):
|
|
26
26
|
|
27
27
|
## Usage
|
28
28
|
|
29
|
-
To use animate.css in your
|
29
|
+
To use animate.css in your app, add the class `animated` to an element, along with any of the animation names. That's it! You've got a CSS animated element. Super!
|
30
30
|
|
31
31
|
You can do a whole bunch of other stuff with animate.css when you combine it with jQuery or add your own CSS rules. Dynamically add animations using jQuery with ease:
|
32
32
|
|
data/lib/animatecss/version.rb
CHANGED
@@ -33,22 +33,22 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
33
33
|
}
|
34
34
|
|
35
35
|
@-webkit-keyframes flash {
|
36
|
-
0%, 50%, 100% {opacity: 1;}
|
36
|
+
0%, 50%, 100% {opacity: 1;}
|
37
37
|
25%, 75% {opacity: 0;}
|
38
38
|
}
|
39
39
|
|
40
40
|
@-moz-keyframes flash {
|
41
|
-
0%, 50%, 100% {opacity: 1;}
|
41
|
+
0%, 50%, 100% {opacity: 1;}
|
42
42
|
25%, 75% {opacity: 0;}
|
43
43
|
}
|
44
44
|
|
45
45
|
@-o-keyframes flash {
|
46
|
-
0%, 50%, 100% {opacity: 1;}
|
46
|
+
0%, 50%, 100% {opacity: 1;}
|
47
47
|
25%, 75% {opacity: 0;}
|
48
48
|
}
|
49
49
|
|
50
50
|
@keyframes flash {
|
51
|
-
0%, 50%, 100% {opacity: 1;}
|
51
|
+
0%, 50%, 100% {opacity: 1;}
|
52
52
|
25%, 75% {opacity: 0;}
|
53
53
|
}
|
54
54
|
|
@@ -118,7 +118,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
118
118
|
animation-name: bounce;
|
119
119
|
}
|
120
120
|
@-webkit-keyframes tada {
|
121
|
-
0% {-webkit-transform: scale(1);}
|
121
|
+
0% {-webkit-transform: scale(1);}
|
122
122
|
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
|
123
123
|
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
|
124
124
|
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
|
@@ -126,7 +126,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
126
126
|
}
|
127
127
|
|
128
128
|
@-moz-keyframes tada {
|
129
|
-
0% {-moz-transform: scale(1);}
|
129
|
+
0% {-moz-transform: scale(1);}
|
130
130
|
10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
|
131
131
|
30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
|
132
132
|
40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
|
@@ -134,7 +134,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
134
134
|
}
|
135
135
|
|
136
136
|
@-o-keyframes tada {
|
137
|
-
0% {-o-transform: scale(1);}
|
137
|
+
0% {-o-transform: scale(1);}
|
138
138
|
10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
|
139
139
|
30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
|
140
140
|
40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
|
@@ -142,7 +142,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
142
142
|
}
|
143
143
|
|
144
144
|
@keyframes tada {
|
145
|
-
0% {transform: scale(1);}
|
145
|
+
0% {transform: scale(1);}
|
146
146
|
10%, 20% {transform: scale(0.9) rotate(-3deg);}
|
147
147
|
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
|
148
148
|
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
|
@@ -157,34 +157,34 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
157
157
|
}
|
158
158
|
@-webkit-keyframes swing {
|
159
159
|
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
|
160
|
-
20% { -webkit-transform: rotate(15deg); }
|
160
|
+
20% { -webkit-transform: rotate(15deg); }
|
161
161
|
40% { -webkit-transform: rotate(-10deg); }
|
162
|
-
60% { -webkit-transform: rotate(5deg); }
|
163
|
-
80% { -webkit-transform: rotate(-5deg); }
|
162
|
+
60% { -webkit-transform: rotate(5deg); }
|
163
|
+
80% { -webkit-transform: rotate(-5deg); }
|
164
164
|
100% { -webkit-transform: rotate(0deg); }
|
165
165
|
}
|
166
166
|
|
167
167
|
@-moz-keyframes swing {
|
168
|
-
20% { -moz-transform: rotate(15deg); }
|
168
|
+
20% { -moz-transform: rotate(15deg); }
|
169
169
|
40% { -moz-transform: rotate(-10deg); }
|
170
|
-
60% { -moz-transform: rotate(5deg); }
|
171
|
-
80% { -moz-transform: rotate(-5deg); }
|
170
|
+
60% { -moz-transform: rotate(5deg); }
|
171
|
+
80% { -moz-transform: rotate(-5deg); }
|
172
172
|
100% { -moz-transform: rotate(0deg); }
|
173
173
|
}
|
174
174
|
|
175
175
|
@-o-keyframes swing {
|
176
|
-
20% { -o-transform: rotate(15deg); }
|
176
|
+
20% { -o-transform: rotate(15deg); }
|
177
177
|
40% { -o-transform: rotate(-10deg); }
|
178
|
-
60% { -o-transform: rotate(5deg); }
|
179
|
-
80% { -o-transform: rotate(-5deg); }
|
178
|
+
60% { -o-transform: rotate(5deg); }
|
179
|
+
80% { -o-transform: rotate(-5deg); }
|
180
180
|
100% { -o-transform: rotate(0deg); }
|
181
181
|
}
|
182
182
|
|
183
183
|
@keyframes swing {
|
184
|
-
20% { transform: rotate(15deg); }
|
184
|
+
20% { transform: rotate(15deg); }
|
185
185
|
40% { transform: rotate(-10deg); }
|
186
|
-
60% { transform: rotate(5deg); }
|
187
|
-
80% { transform: rotate(-5deg); }
|
186
|
+
60% { transform: rotate(5deg); }
|
187
|
+
80% { transform: rotate(-5deg); }
|
188
188
|
100% { transform: rotate(0deg); }
|
189
189
|
}
|
190
190
|
|
@@ -249,22 +249,22 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
249
249
|
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
250
250
|
|
251
251
|
@-webkit-keyframes pulse {
|
252
|
-
0% { -webkit-transform: scale(1); }
|
252
|
+
0% { -webkit-transform: scale(1); }
|
253
253
|
50% { -webkit-transform: scale(1.1); }
|
254
254
|
100% { -webkit-transform: scale(1); }
|
255
255
|
}
|
256
256
|
@-moz-keyframes pulse {
|
257
|
-
0% { -moz-transform: scale(1); }
|
257
|
+
0% { -moz-transform: scale(1); }
|
258
258
|
50% { -moz-transform: scale(1.1); }
|
259
259
|
100% { -moz-transform: scale(1); }
|
260
260
|
}
|
261
261
|
@-o-keyframes pulse {
|
262
|
-
0% { -o-transform: scale(1); }
|
262
|
+
0% { -o-transform: scale(1); }
|
263
263
|
50% { -o-transform: scale(1.1); }
|
264
264
|
100% { -o-transform: scale(1); }
|
265
265
|
}
|
266
266
|
@keyframes pulse {
|
267
|
-
0% { transform: scale(1); }
|
267
|
+
0% { transform: scale(1); }
|
268
268
|
50% { transform: scale(1.1); }
|
269
269
|
100% { transform: scale(1); }
|
270
270
|
}
|
@@ -277,11 +277,11 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
277
277
|
}
|
278
278
|
@-webkit-keyframes flip {
|
279
279
|
0% {
|
280
|
-
-webkit-transform: perspective(400px) rotateY(0);
|
280
|
+
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
|
281
281
|
-webkit-animation-timing-function: ease-out;
|
282
282
|
}
|
283
283
|
40% {
|
284
|
-
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
|
284
|
+
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
|
285
285
|
-webkit-animation-timing-function: ease-out;
|
286
286
|
}
|
287
287
|
50% {
|
@@ -289,21 +289,21 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
289
289
|
-webkit-animation-timing-function: ease-in;
|
290
290
|
}
|
291
291
|
80% {
|
292
|
-
-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
|
292
|
+
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
|
293
293
|
-webkit-animation-timing-function: ease-in;
|
294
294
|
}
|
295
295
|
100% {
|
296
|
-
-webkit-transform: perspective(400px) scale(1);
|
296
|
+
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
|
297
297
|
-webkit-animation-timing-function: ease-in;
|
298
298
|
}
|
299
299
|
}
|
300
300
|
@-moz-keyframes flip {
|
301
301
|
0% {
|
302
|
-
-moz-transform: perspective(400px) rotateY(0);
|
302
|
+
-moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
|
303
303
|
-moz-animation-timing-function: ease-out;
|
304
304
|
}
|
305
305
|
40% {
|
306
|
-
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
|
306
|
+
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
|
307
307
|
-moz-animation-timing-function: ease-out;
|
308
308
|
}
|
309
309
|
50% {
|
@@ -311,21 +311,21 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
311
311
|
-moz-animation-timing-function: ease-in;
|
312
312
|
}
|
313
313
|
80% {
|
314
|
-
-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
|
314
|
+
-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
|
315
315
|
-moz-animation-timing-function: ease-in;
|
316
316
|
}
|
317
317
|
100% {
|
318
|
-
-moz-transform: perspective(400px) scale(1);
|
318
|
+
-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
|
319
319
|
-moz-animation-timing-function: ease-in;
|
320
320
|
}
|
321
321
|
}
|
322
322
|
@-o-keyframes flip {
|
323
323
|
0% {
|
324
|
-
-o-transform: perspective(400px) rotateY(0);
|
324
|
+
-o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
|
325
325
|
-o-animation-timing-function: ease-out;
|
326
326
|
}
|
327
327
|
40% {
|
328
|
-
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
|
328
|
+
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
|
329
329
|
-o-animation-timing-function: ease-out;
|
330
330
|
}
|
331
331
|
50% {
|
@@ -333,21 +333,21 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
333
333
|
-o-animation-timing-function: ease-in;
|
334
334
|
}
|
335
335
|
80% {
|
336
|
-
-o-transform: perspective(400px) rotateY(360deg) scale(.95);
|
336
|
+
-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
|
337
337
|
-o-animation-timing-function: ease-in;
|
338
338
|
}
|
339
339
|
100% {
|
340
|
-
-o-transform: perspective(400px) scale(1);
|
340
|
+
-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
|
341
341
|
-o-animation-timing-function: ease-in;
|
342
342
|
}
|
343
343
|
}
|
344
344
|
@keyframes flip {
|
345
345
|
0% {
|
346
|
-
transform: perspective(400px) rotateY(0);
|
346
|
+
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
|
347
347
|
animation-timing-function: ease-out;
|
348
348
|
}
|
349
349
|
40% {
|
350
|
-
transform: perspective(400px) translateZ(150px) rotateY(170deg);
|
350
|
+
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
|
351
351
|
animation-timing-function: ease-out;
|
352
352
|
}
|
353
353
|
50% {
|
@@ -355,11 +355,11 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
355
355
|
animation-timing-function: ease-in;
|
356
356
|
}
|
357
357
|
80% {
|
358
|
-
transform: perspective(400px) rotateY(360deg) scale(.95);
|
358
|
+
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
|
359
359
|
animation-timing-function: ease-in;
|
360
360
|
}
|
361
361
|
100% {
|
362
|
-
transform: perspective(400px) scale(1);
|
362
|
+
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
|
363
363
|
animation-timing-function: ease-in;
|
364
364
|
}
|
365
365
|
}
|
@@ -379,15 +379,15 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
379
379
|
-webkit-transform: perspective(400px) rotateX(90deg);
|
380
380
|
opacity: 0;
|
381
381
|
}
|
382
|
-
|
382
|
+
|
383
383
|
40% {
|
384
384
|
-webkit-transform: perspective(400px) rotateX(-10deg);
|
385
385
|
}
|
386
|
-
|
386
|
+
|
387
387
|
70% {
|
388
388
|
-webkit-transform: perspective(400px) rotateX(10deg);
|
389
389
|
}
|
390
|
-
|
390
|
+
|
391
391
|
100% {
|
392
392
|
-webkit-transform: perspective(400px) rotateX(0deg);
|
393
393
|
opacity: 1;
|
@@ -398,15 +398,15 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
398
398
|
-moz-transform: perspective(400px) rotateX(90deg);
|
399
399
|
opacity: 0;
|
400
400
|
}
|
401
|
-
|
401
|
+
|
402
402
|
40% {
|
403
403
|
-moz-transform: perspective(400px) rotateX(-10deg);
|
404
404
|
}
|
405
|
-
|
405
|
+
|
406
406
|
70% {
|
407
407
|
-moz-transform: perspective(400px) rotateX(10deg);
|
408
408
|
}
|
409
|
-
|
409
|
+
|
410
410
|
100% {
|
411
411
|
-moz-transform: perspective(400px) rotateX(0deg);
|
412
412
|
opacity: 1;
|
@@ -417,15 +417,15 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
417
417
|
-o-transform: perspective(400px) rotateX(90deg);
|
418
418
|
opacity: 0;
|
419
419
|
}
|
420
|
-
|
420
|
+
|
421
421
|
40% {
|
422
422
|
-o-transform: perspective(400px) rotateX(-10deg);
|
423
423
|
}
|
424
|
-
|
424
|
+
|
425
425
|
70% {
|
426
426
|
-o-transform: perspective(400px) rotateX(10deg);
|
427
427
|
}
|
428
|
-
|
428
|
+
|
429
429
|
100% {
|
430
430
|
-o-transform: perspective(400px) rotateX(0deg);
|
431
431
|
opacity: 1;
|
@@ -436,15 +436,15 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
436
436
|
transform: perspective(400px) rotateX(90deg);
|
437
437
|
opacity: 0;
|
438
438
|
}
|
439
|
-
|
439
|
+
|
440
440
|
40% {
|
441
441
|
transform: perspective(400px) rotateX(-10deg);
|
442
442
|
}
|
443
|
-
|
443
|
+
|
444
444
|
70% {
|
445
445
|
transform: perspective(400px) rotateX(10deg);
|
446
446
|
}
|
447
|
-
|
447
|
+
|
448
448
|
100% {
|
449
449
|
transform: perspective(400px) rotateX(0deg);
|
450
450
|
opacity: 1;
|
@@ -520,15 +520,15 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
520
520
|
-webkit-transform: perspective(400px) rotateY(90deg);
|
521
521
|
opacity: 0;
|
522
522
|
}
|
523
|
-
|
523
|
+
|
524
524
|
40% {
|
525
525
|
-webkit-transform: perspective(400px) rotateY(-10deg);
|
526
526
|
}
|
527
|
-
|
527
|
+
|
528
528
|
70% {
|
529
529
|
-webkit-transform: perspective(400px) rotateY(10deg);
|
530
530
|
}
|
531
|
-
|
531
|
+
|
532
532
|
100% {
|
533
533
|
-webkit-transform: perspective(400px) rotateY(0deg);
|
534
534
|
opacity: 1;
|
@@ -539,15 +539,15 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
539
539
|
-moz-transform: perspective(400px) rotateY(90deg);
|
540
540
|
opacity: 0;
|
541
541
|
}
|
542
|
-
|
542
|
+
|
543
543
|
40% {
|
544
544
|
-moz-transform: perspective(400px) rotateY(-10deg);
|
545
545
|
}
|
546
|
-
|
546
|
+
|
547
547
|
70% {
|
548
548
|
-moz-transform: perspective(400px) rotateY(10deg);
|
549
549
|
}
|
550
|
-
|
550
|
+
|
551
551
|
100% {
|
552
552
|
-moz-transform: perspective(400px) rotateY(0deg);
|
553
553
|
opacity: 1;
|
@@ -558,15 +558,15 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
558
558
|
-o-transform: perspective(400px) rotateY(90deg);
|
559
559
|
opacity: 0;
|
560
560
|
}
|
561
|
-
|
561
|
+
|
562
562
|
40% {
|
563
563
|
-o-transform: perspective(400px) rotateY(-10deg);
|
564
564
|
}
|
565
|
-
|
565
|
+
|
566
566
|
70% {
|
567
567
|
-o-transform: perspective(400px) rotateY(10deg);
|
568
568
|
}
|
569
|
-
|
569
|
+
|
570
570
|
100% {
|
571
571
|
-o-transform: perspective(400px) rotateY(0deg);
|
572
572
|
opacity: 1;
|
@@ -577,15 +577,15 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
577
577
|
transform: perspective(400px) rotateY(90deg);
|
578
578
|
opacity: 0;
|
579
579
|
}
|
580
|
-
|
580
|
+
|
581
581
|
40% {
|
582
582
|
transform: perspective(400px) rotateY(-10deg);
|
583
583
|
}
|
584
|
-
|
584
|
+
|
585
585
|
70% {
|
586
586
|
transform: perspective(400px) rotateY(10deg);
|
587
587
|
}
|
588
|
-
|
588
|
+
|
589
589
|
100% {
|
590
590
|
transform: perspective(400px) rotateY(0deg);
|
591
591
|
opacity: 1;
|
@@ -654,22 +654,22 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
654
654
|
animation-name: flipOutY;
|
655
655
|
}
|
656
656
|
@-webkit-keyframes fadeIn {
|
657
|
-
0% {opacity: 0;}
|
657
|
+
0% {opacity: 0;}
|
658
658
|
100% {opacity: 1;}
|
659
659
|
}
|
660
660
|
|
661
661
|
@-moz-keyframes fadeIn {
|
662
|
-
0% {opacity: 0;}
|
662
|
+
0% {opacity: 0;}
|
663
663
|
100% {opacity: 1;}
|
664
664
|
}
|
665
665
|
|
666
666
|
@-o-keyframes fadeIn {
|
667
|
-
0% {opacity: 0;}
|
667
|
+
0% {opacity: 0;}
|
668
668
|
100% {opacity: 1;}
|
669
669
|
}
|
670
670
|
|
671
671
|
@keyframes fadeIn {
|
672
|
-
0% {opacity: 0;}
|
672
|
+
0% {opacity: 0;}
|
673
673
|
100% {opacity: 1;}
|
674
674
|
}
|
675
675
|
|
@@ -684,7 +684,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
684
684
|
opacity: 0;
|
685
685
|
-webkit-transform: translateY(20px);
|
686
686
|
}
|
687
|
-
|
687
|
+
|
688
688
|
100% {
|
689
689
|
opacity: 1;
|
690
690
|
-webkit-transform: translateY(0);
|
@@ -696,7 +696,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
696
696
|
opacity: 0;
|
697
697
|
-moz-transform: translateY(20px);
|
698
698
|
}
|
699
|
-
|
699
|
+
|
700
700
|
100% {
|
701
701
|
opacity: 1;
|
702
702
|
-moz-transform: translateY(0);
|
@@ -708,7 +708,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
708
708
|
opacity: 0;
|
709
709
|
-o-transform: translateY(20px);
|
710
710
|
}
|
711
|
-
|
711
|
+
|
712
712
|
100% {
|
713
713
|
opacity: 1;
|
714
714
|
-o-transform: translateY(0);
|
@@ -720,7 +720,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
720
720
|
opacity: 0;
|
721
721
|
transform: translateY(20px);
|
722
722
|
}
|
723
|
-
|
723
|
+
|
724
724
|
100% {
|
725
725
|
opacity: 1;
|
726
726
|
transform: translateY(0);
|
@@ -738,7 +738,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
738
738
|
opacity: 0;
|
739
739
|
-webkit-transform: translateY(-20px);
|
740
740
|
}
|
741
|
-
|
741
|
+
|
742
742
|
100% {
|
743
743
|
opacity: 1;
|
744
744
|
-webkit-transform: translateY(0);
|
@@ -750,7 +750,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
750
750
|
opacity: 0;
|
751
751
|
-moz-transform: translateY(-20px);
|
752
752
|
}
|
753
|
-
|
753
|
+
|
754
754
|
100% {
|
755
755
|
opacity: 1;
|
756
756
|
-moz-transform: translateY(0);
|
@@ -762,7 +762,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
762
762
|
opacity: 0;
|
763
763
|
-o-transform: translateY(-20px);
|
764
764
|
}
|
765
|
-
|
765
|
+
|
766
766
|
100% {
|
767
767
|
opacity: 1;
|
768
768
|
-o-transform: translateY(0);
|
@@ -774,7 +774,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
774
774
|
opacity: 0;
|
775
775
|
transform: translateY(-20px);
|
776
776
|
}
|
777
|
-
|
777
|
+
|
778
778
|
100% {
|
779
779
|
opacity: 1;
|
780
780
|
transform: translateY(0);
|
@@ -792,7 +792,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
792
792
|
opacity: 0;
|
793
793
|
-webkit-transform: translateX(-20px);
|
794
794
|
}
|
795
|
-
|
795
|
+
|
796
796
|
100% {
|
797
797
|
opacity: 1;
|
798
798
|
-webkit-transform: translateX(0);
|
@@ -804,7 +804,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
804
804
|
opacity: 0;
|
805
805
|
-moz-transform: translateX(-20px);
|
806
806
|
}
|
807
|
-
|
807
|
+
|
808
808
|
100% {
|
809
809
|
opacity: 1;
|
810
810
|
-moz-transform: translateX(0);
|
@@ -816,7 +816,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
816
816
|
opacity: 0;
|
817
817
|
-o-transform: translateX(-20px);
|
818
818
|
}
|
819
|
-
|
819
|
+
|
820
820
|
100% {
|
821
821
|
opacity: 1;
|
822
822
|
-o-transform: translateX(0);
|
@@ -828,7 +828,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
828
828
|
opacity: 0;
|
829
829
|
transform: translateX(-20px);
|
830
830
|
}
|
831
|
-
|
831
|
+
|
832
832
|
100% {
|
833
833
|
opacity: 1;
|
834
834
|
transform: translateX(0);
|
@@ -846,7 +846,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
846
846
|
opacity: 0;
|
847
847
|
-webkit-transform: translateX(20px);
|
848
848
|
}
|
849
|
-
|
849
|
+
|
850
850
|
100% {
|
851
851
|
opacity: 1;
|
852
852
|
-webkit-transform: translateX(0);
|
@@ -858,7 +858,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
858
858
|
opacity: 0;
|
859
859
|
-moz-transform: translateX(20px);
|
860
860
|
}
|
861
|
-
|
861
|
+
|
862
862
|
100% {
|
863
863
|
opacity: 1;
|
864
864
|
-moz-transform: translateX(0);
|
@@ -870,7 +870,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
870
870
|
opacity: 0;
|
871
871
|
-o-transform: translateX(20px);
|
872
872
|
}
|
873
|
-
|
873
|
+
|
874
874
|
100% {
|
875
875
|
opacity: 1;
|
876
876
|
-o-transform: translateX(0);
|
@@ -882,7 +882,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
882
882
|
opacity: 0;
|
883
883
|
transform: translateX(20px);
|
884
884
|
}
|
885
|
-
|
885
|
+
|
886
886
|
100% {
|
887
887
|
opacity: 1;
|
888
888
|
transform: translateX(0);
|
@@ -900,7 +900,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
900
900
|
opacity: 0;
|
901
901
|
-webkit-transform: translateY(2000px);
|
902
902
|
}
|
903
|
-
|
903
|
+
|
904
904
|
100% {
|
905
905
|
opacity: 1;
|
906
906
|
-webkit-transform: translateY(0);
|
@@ -912,7 +912,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
912
912
|
opacity: 0;
|
913
913
|
-moz-transform: translateY(2000px);
|
914
914
|
}
|
915
|
-
|
915
|
+
|
916
916
|
100% {
|
917
917
|
opacity: 1;
|
918
918
|
-moz-transform: translateY(0);
|
@@ -924,7 +924,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
924
924
|
opacity: 0;
|
925
925
|
-o-transform: translateY(2000px);
|
926
926
|
}
|
927
|
-
|
927
|
+
|
928
928
|
100% {
|
929
929
|
opacity: 1;
|
930
930
|
-o-transform: translateY(0);
|
@@ -936,7 +936,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
936
936
|
opacity: 0;
|
937
937
|
transform: translateY(2000px);
|
938
938
|
}
|
939
|
-
|
939
|
+
|
940
940
|
100% {
|
941
941
|
opacity: 1;
|
942
942
|
transform: translateY(0);
|
@@ -954,7 +954,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
954
954
|
opacity: 0;
|
955
955
|
-webkit-transform: translateY(-2000px);
|
956
956
|
}
|
957
|
-
|
957
|
+
|
958
958
|
100% {
|
959
959
|
opacity: 1;
|
960
960
|
-webkit-transform: translateY(0);
|
@@ -966,7 +966,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
966
966
|
opacity: 0;
|
967
967
|
-moz-transform: translateY(-2000px);
|
968
968
|
}
|
969
|
-
|
969
|
+
|
970
970
|
100% {
|
971
971
|
opacity: 1;
|
972
972
|
-moz-transform: translateY(0);
|
@@ -978,7 +978,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
978
978
|
opacity: 0;
|
979
979
|
-o-transform: translateY(-2000px);
|
980
980
|
}
|
981
|
-
|
981
|
+
|
982
982
|
100% {
|
983
983
|
opacity: 1;
|
984
984
|
-o-transform: translateY(0);
|
@@ -990,7 +990,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
990
990
|
opacity: 0;
|
991
991
|
transform: translateY(-2000px);
|
992
992
|
}
|
993
|
-
|
993
|
+
|
994
994
|
100% {
|
995
995
|
opacity: 1;
|
996
996
|
transform: translateY(0);
|
@@ -1008,7 +1008,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1008
1008
|
opacity: 0;
|
1009
1009
|
-webkit-transform: translateX(-2000px);
|
1010
1010
|
}
|
1011
|
-
|
1011
|
+
|
1012
1012
|
100% {
|
1013
1013
|
opacity: 1;
|
1014
1014
|
-webkit-transform: translateX(0);
|
@@ -1019,7 +1019,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1019
1019
|
opacity: 0;
|
1020
1020
|
-moz-transform: translateX(-2000px);
|
1021
1021
|
}
|
1022
|
-
|
1022
|
+
|
1023
1023
|
100% {
|
1024
1024
|
opacity: 1;
|
1025
1025
|
-moz-transform: translateX(0);
|
@@ -1030,7 +1030,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1030
1030
|
opacity: 0;
|
1031
1031
|
-o-transform: translateX(-2000px);
|
1032
1032
|
}
|
1033
|
-
|
1033
|
+
|
1034
1034
|
100% {
|
1035
1035
|
opacity: 1;
|
1036
1036
|
-o-transform: translateX(0);
|
@@ -1041,7 +1041,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1041
1041
|
opacity: 0;
|
1042
1042
|
transform: translateX(-2000px);
|
1043
1043
|
}
|
1044
|
-
|
1044
|
+
|
1045
1045
|
100% {
|
1046
1046
|
opacity: 1;
|
1047
1047
|
transform: translateX(0);
|
@@ -1059,7 +1059,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1059
1059
|
opacity: 0;
|
1060
1060
|
-webkit-transform: translateX(2000px);
|
1061
1061
|
}
|
1062
|
-
|
1062
|
+
|
1063
1063
|
100% {
|
1064
1064
|
opacity: 1;
|
1065
1065
|
-webkit-transform: translateX(0);
|
@@ -1071,7 +1071,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1071
1071
|
opacity: 0;
|
1072
1072
|
-moz-transform: translateX(2000px);
|
1073
1073
|
}
|
1074
|
-
|
1074
|
+
|
1075
1075
|
100% {
|
1076
1076
|
opacity: 1;
|
1077
1077
|
-moz-transform: translateX(0);
|
@@ -1083,7 +1083,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1083
1083
|
opacity: 0;
|
1084
1084
|
-o-transform: translateX(2000px);
|
1085
1085
|
}
|
1086
|
-
|
1086
|
+
|
1087
1087
|
100% {
|
1088
1088
|
opacity: 1;
|
1089
1089
|
-o-transform: translateX(0);
|
@@ -1095,7 +1095,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1095
1095
|
opacity: 0;
|
1096
1096
|
transform: translateX(2000px);
|
1097
1097
|
}
|
1098
|
-
|
1098
|
+
|
1099
1099
|
100% {
|
1100
1100
|
opacity: 1;
|
1101
1101
|
transform: translateX(0);
|
@@ -1139,7 +1139,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1139
1139
|
opacity: 1;
|
1140
1140
|
-webkit-transform: translateY(0);
|
1141
1141
|
}
|
1142
|
-
|
1142
|
+
|
1143
1143
|
100% {
|
1144
1144
|
opacity: 0;
|
1145
1145
|
-webkit-transform: translateY(-20px);
|
@@ -1150,7 +1150,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1150
1150
|
opacity: 1;
|
1151
1151
|
-moz-transform: translateY(0);
|
1152
1152
|
}
|
1153
|
-
|
1153
|
+
|
1154
1154
|
100% {
|
1155
1155
|
opacity: 0;
|
1156
1156
|
-moz-transform: translateY(-20px);
|
@@ -1161,7 +1161,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1161
1161
|
opacity: 1;
|
1162
1162
|
-o-transform: translateY(0);
|
1163
1163
|
}
|
1164
|
-
|
1164
|
+
|
1165
1165
|
100% {
|
1166
1166
|
opacity: 0;
|
1167
1167
|
-o-transform: translateY(-20px);
|
@@ -1172,7 +1172,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1172
1172
|
opacity: 1;
|
1173
1173
|
transform: translateY(0);
|
1174
1174
|
}
|
1175
|
-
|
1175
|
+
|
1176
1176
|
100% {
|
1177
1177
|
opacity: 0;
|
1178
1178
|
transform: translateY(-20px);
|
@@ -1190,7 +1190,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1190
1190
|
opacity: 1;
|
1191
1191
|
-webkit-transform: translateY(0);
|
1192
1192
|
}
|
1193
|
-
|
1193
|
+
|
1194
1194
|
100% {
|
1195
1195
|
opacity: 0;
|
1196
1196
|
-webkit-transform: translateY(20px);
|
@@ -1202,7 +1202,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1202
1202
|
opacity: 1;
|
1203
1203
|
-moz-transform: translateY(0);
|
1204
1204
|
}
|
1205
|
-
|
1205
|
+
|
1206
1206
|
100% {
|
1207
1207
|
opacity: 0;
|
1208
1208
|
-moz-transform: translateY(20px);
|
@@ -1214,7 +1214,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1214
1214
|
opacity: 1;
|
1215
1215
|
-o-transform: translateY(0);
|
1216
1216
|
}
|
1217
|
-
|
1217
|
+
|
1218
1218
|
100% {
|
1219
1219
|
opacity: 0;
|
1220
1220
|
-o-transform: translateY(20px);
|
@@ -1226,7 +1226,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1226
1226
|
opacity: 1;
|
1227
1227
|
transform: translateY(0);
|
1228
1228
|
}
|
1229
|
-
|
1229
|
+
|
1230
1230
|
100% {
|
1231
1231
|
opacity: 0;
|
1232
1232
|
transform: translateY(20px);
|
@@ -1244,7 +1244,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1244
1244
|
opacity: 1;
|
1245
1245
|
-webkit-transform: translateX(0);
|
1246
1246
|
}
|
1247
|
-
|
1247
|
+
|
1248
1248
|
100% {
|
1249
1249
|
opacity: 0;
|
1250
1250
|
-webkit-transform: translateX(-20px);
|
@@ -1256,7 +1256,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1256
1256
|
opacity: 1;
|
1257
1257
|
-moz-transform: translateX(0);
|
1258
1258
|
}
|
1259
|
-
|
1259
|
+
|
1260
1260
|
100% {
|
1261
1261
|
opacity: 0;
|
1262
1262
|
-moz-transform: translateX(-20px);
|
@@ -1268,7 +1268,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1268
1268
|
opacity: 1;
|
1269
1269
|
-o-transform: translateX(0);
|
1270
1270
|
}
|
1271
|
-
|
1271
|
+
|
1272
1272
|
100% {
|
1273
1273
|
opacity: 0;
|
1274
1274
|
-o-transform: translateX(-20px);
|
@@ -1280,7 +1280,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1280
1280
|
opacity: 1;
|
1281
1281
|
transform: translateX(0);
|
1282
1282
|
}
|
1283
|
-
|
1283
|
+
|
1284
1284
|
100% {
|
1285
1285
|
opacity: 0;
|
1286
1286
|
transform: translateX(-20px);
|
@@ -1298,7 +1298,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1298
1298
|
opacity: 1;
|
1299
1299
|
-webkit-transform: translateX(0);
|
1300
1300
|
}
|
1301
|
-
|
1301
|
+
|
1302
1302
|
100% {
|
1303
1303
|
opacity: 0;
|
1304
1304
|
-webkit-transform: translateX(20px);
|
@@ -1310,7 +1310,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1310
1310
|
opacity: 1;
|
1311
1311
|
-moz-transform: translateX(0);
|
1312
1312
|
}
|
1313
|
-
|
1313
|
+
|
1314
1314
|
100% {
|
1315
1315
|
opacity: 0;
|
1316
1316
|
-moz-transform: translateX(20px);
|
@@ -1322,7 +1322,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1322
1322
|
opacity: 1;
|
1323
1323
|
-o-transform: translateX(0);
|
1324
1324
|
}
|
1325
|
-
|
1325
|
+
|
1326
1326
|
100% {
|
1327
1327
|
opacity: 0;
|
1328
1328
|
-o-transform: translateX(20px);
|
@@ -1334,7 +1334,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1334
1334
|
opacity: 1;
|
1335
1335
|
transform: translateX(0);
|
1336
1336
|
}
|
1337
|
-
|
1337
|
+
|
1338
1338
|
100% {
|
1339
1339
|
opacity: 0;
|
1340
1340
|
transform: translateX(20px);
|
@@ -1352,7 +1352,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1352
1352
|
opacity: 1;
|
1353
1353
|
-webkit-transform: translateY(0);
|
1354
1354
|
}
|
1355
|
-
|
1355
|
+
|
1356
1356
|
100% {
|
1357
1357
|
opacity: 0;
|
1358
1358
|
-webkit-transform: translateY(-2000px);
|
@@ -1364,7 +1364,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1364
1364
|
opacity: 1;
|
1365
1365
|
-moz-transform: translateY(0);
|
1366
1366
|
}
|
1367
|
-
|
1367
|
+
|
1368
1368
|
100% {
|
1369
1369
|
opacity: 0;
|
1370
1370
|
-moz-transform: translateY(-2000px);
|
@@ -1376,7 +1376,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1376
1376
|
opacity: 1;
|
1377
1377
|
-o-transform: translateY(0);
|
1378
1378
|
}
|
1379
|
-
|
1379
|
+
|
1380
1380
|
100% {
|
1381
1381
|
opacity: 0;
|
1382
1382
|
-o-transform: translateY(-2000px);
|
@@ -1388,7 +1388,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1388
1388
|
opacity: 1;
|
1389
1389
|
transform: translateY(0);
|
1390
1390
|
}
|
1391
|
-
|
1391
|
+
|
1392
1392
|
100% {
|
1393
1393
|
opacity: 0;
|
1394
1394
|
transform: translateY(-2000px);
|
@@ -1406,7 +1406,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1406
1406
|
opacity: 1;
|
1407
1407
|
-webkit-transform: translateY(0);
|
1408
1408
|
}
|
1409
|
-
|
1409
|
+
|
1410
1410
|
100% {
|
1411
1411
|
opacity: 0;
|
1412
1412
|
-webkit-transform: translateY(2000px);
|
@@ -1418,7 +1418,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1418
1418
|
opacity: 1;
|
1419
1419
|
-moz-transform: translateY(0);
|
1420
1420
|
}
|
1421
|
-
|
1421
|
+
|
1422
1422
|
100% {
|
1423
1423
|
opacity: 0;
|
1424
1424
|
-moz-transform: translateY(2000px);
|
@@ -1430,7 +1430,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1430
1430
|
opacity: 1;
|
1431
1431
|
-o-transform: translateY(0);
|
1432
1432
|
}
|
1433
|
-
|
1433
|
+
|
1434
1434
|
100% {
|
1435
1435
|
opacity: 0;
|
1436
1436
|
-o-transform: translateY(2000px);
|
@@ -1442,7 +1442,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1442
1442
|
opacity: 1;
|
1443
1443
|
transform: translateY(0);
|
1444
1444
|
}
|
1445
|
-
|
1445
|
+
|
1446
1446
|
100% {
|
1447
1447
|
opacity: 0;
|
1448
1448
|
transform: translateY(2000px);
|
@@ -1460,7 +1460,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1460
1460
|
opacity: 1;
|
1461
1461
|
-webkit-transform: translateX(0);
|
1462
1462
|
}
|
1463
|
-
|
1463
|
+
|
1464
1464
|
100% {
|
1465
1465
|
opacity: 0;
|
1466
1466
|
-webkit-transform: translateX(-2000px);
|
@@ -1472,7 +1472,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1472
1472
|
opacity: 1;
|
1473
1473
|
-moz-transform: translateX(0);
|
1474
1474
|
}
|
1475
|
-
|
1475
|
+
|
1476
1476
|
100% {
|
1477
1477
|
opacity: 0;
|
1478
1478
|
-moz-transform: translateX(-2000px);
|
@@ -1484,7 +1484,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1484
1484
|
opacity: 1;
|
1485
1485
|
-o-transform: translateX(0);
|
1486
1486
|
}
|
1487
|
-
|
1487
|
+
|
1488
1488
|
100% {
|
1489
1489
|
opacity: 0;
|
1490
1490
|
-o-transform: translateX(-2000px);
|
@@ -1496,7 +1496,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1496
1496
|
opacity: 1;
|
1497
1497
|
transform: translateX(0);
|
1498
1498
|
}
|
1499
|
-
|
1499
|
+
|
1500
1500
|
100% {
|
1501
1501
|
opacity: 0;
|
1502
1502
|
transform: translateX(-2000px);
|
@@ -1514,7 +1514,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1514
1514
|
opacity: 1;
|
1515
1515
|
-webkit-transform: translateX(0);
|
1516
1516
|
}
|
1517
|
-
|
1517
|
+
|
1518
1518
|
100% {
|
1519
1519
|
opacity: 0;
|
1520
1520
|
-webkit-transform: translateX(2000px);
|
@@ -1525,7 +1525,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1525
1525
|
opacity: 1;
|
1526
1526
|
-moz-transform: translateX(0);
|
1527
1527
|
}
|
1528
|
-
|
1528
|
+
|
1529
1529
|
100% {
|
1530
1530
|
opacity: 0;
|
1531
1531
|
-moz-transform: translateX(2000px);
|
@@ -1536,7 +1536,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1536
1536
|
opacity: 1;
|
1537
1537
|
-o-transform: translateX(0);
|
1538
1538
|
}
|
1539
|
-
|
1539
|
+
|
1540
1540
|
100% {
|
1541
1541
|
opacity: 0;
|
1542
1542
|
-o-transform: translateX(2000px);
|
@@ -1547,7 +1547,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1547
1547
|
opacity: 1;
|
1548
1548
|
transform: translateX(0);
|
1549
1549
|
}
|
1550
|
-
|
1550
|
+
|
1551
1551
|
100% {
|
1552
1552
|
opacity: 0;
|
1553
1553
|
transform: translateX(2000px);
|
@@ -1565,16 +1565,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1565
1565
|
opacity: 0;
|
1566
1566
|
-webkit-transform: scale(.3);
|
1567
1567
|
}
|
1568
|
-
|
1568
|
+
|
1569
1569
|
50% {
|
1570
1570
|
opacity: 1;
|
1571
1571
|
-webkit-transform: scale(1.05);
|
1572
1572
|
}
|
1573
|
-
|
1573
|
+
|
1574
1574
|
70% {
|
1575
1575
|
-webkit-transform: scale(.9);
|
1576
1576
|
}
|
1577
|
-
|
1577
|
+
|
1578
1578
|
100% {
|
1579
1579
|
-webkit-transform: scale(1);
|
1580
1580
|
}
|
@@ -1585,16 +1585,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1585
1585
|
opacity: 0;
|
1586
1586
|
-moz-transform: scale(.3);
|
1587
1587
|
}
|
1588
|
-
|
1588
|
+
|
1589
1589
|
50% {
|
1590
1590
|
opacity: 1;
|
1591
1591
|
-moz-transform: scale(1.05);
|
1592
1592
|
}
|
1593
|
-
|
1593
|
+
|
1594
1594
|
70% {
|
1595
1595
|
-moz-transform: scale(.9);
|
1596
1596
|
}
|
1597
|
-
|
1597
|
+
|
1598
1598
|
100% {
|
1599
1599
|
-moz-transform: scale(1);
|
1600
1600
|
}
|
@@ -1605,16 +1605,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1605
1605
|
opacity: 0;
|
1606
1606
|
-o-transform: scale(.3);
|
1607
1607
|
}
|
1608
|
-
|
1608
|
+
|
1609
1609
|
50% {
|
1610
1610
|
opacity: 1;
|
1611
1611
|
-o-transform: scale(1.05);
|
1612
1612
|
}
|
1613
|
-
|
1613
|
+
|
1614
1614
|
70% {
|
1615
1615
|
-o-transform: scale(.9);
|
1616
1616
|
}
|
1617
|
-
|
1617
|
+
|
1618
1618
|
100% {
|
1619
1619
|
-o-transform: scale(1);
|
1620
1620
|
}
|
@@ -1625,21 +1625,327 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1625
1625
|
opacity: 0;
|
1626
1626
|
transform: scale(.3);
|
1627
1627
|
}
|
1628
|
-
|
1628
|
+
|
1629
1629
|
50% {
|
1630
1630
|
opacity: 1;
|
1631
1631
|
transform: scale(1.05);
|
1632
1632
|
}
|
1633
|
-
|
1633
|
+
|
1634
1634
|
70% {
|
1635
1635
|
transform: scale(.9);
|
1636
1636
|
}
|
1637
|
-
|
1637
|
+
|
1638
1638
|
100% {
|
1639
1639
|
transform: scale(1);
|
1640
1640
|
}
|
1641
1641
|
}
|
1642
1642
|
|
1643
|
+
@-webkit-keyframes slideInDown {
|
1644
|
+
0% {
|
1645
|
+
opacity: 0;
|
1646
|
+
-webkit-transform: translateY(-2000px);
|
1647
|
+
}
|
1648
|
+
|
1649
|
+
100% {
|
1650
|
+
-webkit-transform: translateY(0);
|
1651
|
+
}
|
1652
|
+
}
|
1653
|
+
|
1654
|
+
@-moz-keyframes slideInDown {
|
1655
|
+
0% {
|
1656
|
+
opacity: 0;
|
1657
|
+
-moz-transform: translateY(-2000px);
|
1658
|
+
}
|
1659
|
+
|
1660
|
+
100% {
|
1661
|
+
-moz-transform: translateY(0);
|
1662
|
+
}
|
1663
|
+
}
|
1664
|
+
|
1665
|
+
@-o-keyframes slideInDown {
|
1666
|
+
0% {
|
1667
|
+
opacity: 0;
|
1668
|
+
-o-transform: translateY(-2000px);
|
1669
|
+
}
|
1670
|
+
|
1671
|
+
100% {
|
1672
|
+
-o-transform: translateY(0);
|
1673
|
+
}
|
1674
|
+
}
|
1675
|
+
|
1676
|
+
@keyframes slideInDown {
|
1677
|
+
0% {
|
1678
|
+
opacity: 0;
|
1679
|
+
transform: translateY(-2000px);
|
1680
|
+
}
|
1681
|
+
|
1682
|
+
100% {
|
1683
|
+
transform: translateY(0);
|
1684
|
+
}
|
1685
|
+
}
|
1686
|
+
|
1687
|
+
.slideInDown {
|
1688
|
+
-webkit-animation-name: slideInDown;
|
1689
|
+
-moz-animation-name: slideInDown;
|
1690
|
+
-o-animation-name: slideInDown;
|
1691
|
+
animation-name: slideInDown;
|
1692
|
+
}
|
1693
|
+
|
1694
|
+
@-webkit-keyframes slideInLeft {
|
1695
|
+
0% {
|
1696
|
+
opacity: 0;
|
1697
|
+
-webkit-transform: translateX(-2000px);
|
1698
|
+
}
|
1699
|
+
|
1700
|
+
100% {
|
1701
|
+
-webkit-transform: translateX(0);
|
1702
|
+
}
|
1703
|
+
}
|
1704
|
+
|
1705
|
+
@-moz-keyframes slideInLeft {
|
1706
|
+
0% {
|
1707
|
+
opacity: 0;
|
1708
|
+
-moz-transform: translateX(-2000px);
|
1709
|
+
}
|
1710
|
+
|
1711
|
+
100% {
|
1712
|
+
-moz-transform: translateX(0);
|
1713
|
+
}
|
1714
|
+
}
|
1715
|
+
|
1716
|
+
@-o-keyframes slideInLeft {
|
1717
|
+
0% {
|
1718
|
+
opacity: 0;
|
1719
|
+
-o-transform: translateX(-2000px);
|
1720
|
+
}
|
1721
|
+
|
1722
|
+
100% {
|
1723
|
+
-o-transform: translateX(0);
|
1724
|
+
}
|
1725
|
+
}
|
1726
|
+
|
1727
|
+
@keyframes slideInLeft {
|
1728
|
+
0% {
|
1729
|
+
opacity: 0;
|
1730
|
+
transform: translateX(-2000px);
|
1731
|
+
}
|
1732
|
+
|
1733
|
+
100% {
|
1734
|
+
transform: translateX(0);
|
1735
|
+
}
|
1736
|
+
}
|
1737
|
+
|
1738
|
+
.slideInLeft {
|
1739
|
+
-webkit-animation-name: slideInLeft;
|
1740
|
+
-moz-animation-name: slideInLeft;
|
1741
|
+
-o-animation-name: slideInLeft;
|
1742
|
+
animation-name: slideInLeft;
|
1743
|
+
}
|
1744
|
+
|
1745
|
+
@-webkit-keyframes slideInRight {
|
1746
|
+
0% {
|
1747
|
+
opacity: 0;
|
1748
|
+
-webkit-transform: translateX(2000px);
|
1749
|
+
}
|
1750
|
+
|
1751
|
+
100% {
|
1752
|
+
-webkit-transform: translateX(0);
|
1753
|
+
}
|
1754
|
+
}
|
1755
|
+
|
1756
|
+
@-moz-keyframes slideInRight {
|
1757
|
+
0% {
|
1758
|
+
opacity: 0;
|
1759
|
+
-moz-transform: translateX(2000px);
|
1760
|
+
}
|
1761
|
+
|
1762
|
+
100% {
|
1763
|
+
-moz-transform: translateX(0);
|
1764
|
+
}
|
1765
|
+
}
|
1766
|
+
|
1767
|
+
@-o-keyframes slideInRight {
|
1768
|
+
0% {
|
1769
|
+
opacity: 0;
|
1770
|
+
-o-transform: translateX(2000px);
|
1771
|
+
}
|
1772
|
+
|
1773
|
+
100% {
|
1774
|
+
-o-transform: translateX(0);
|
1775
|
+
}
|
1776
|
+
}
|
1777
|
+
|
1778
|
+
@keyframes slideInRight {
|
1779
|
+
0% {
|
1780
|
+
opacity: 0;
|
1781
|
+
transform: translateX(2000px);
|
1782
|
+
}
|
1783
|
+
|
1784
|
+
100% {
|
1785
|
+
transform: translateX(0);
|
1786
|
+
}
|
1787
|
+
}
|
1788
|
+
|
1789
|
+
.slideInRight {
|
1790
|
+
-webkit-animation-name: slideInRight;
|
1791
|
+
-moz-animation-name: slideInRight;
|
1792
|
+
-o-animation-name: slideInRight;
|
1793
|
+
animation-name: slideInRight;
|
1794
|
+
}
|
1795
|
+
|
1796
|
+
@-webkit-keyframes slideOutLeft {
|
1797
|
+
0% {
|
1798
|
+
-webkit-transform: translateX(0);
|
1799
|
+
}
|
1800
|
+
|
1801
|
+
100% {
|
1802
|
+
opacity: 0;
|
1803
|
+
-webkit-transform: translateX(-2000px);
|
1804
|
+
}
|
1805
|
+
}
|
1806
|
+
|
1807
|
+
@-moz-keyframes slideOutLeft {
|
1808
|
+
0% {
|
1809
|
+
-moz-transform: translateX(0);
|
1810
|
+
}
|
1811
|
+
|
1812
|
+
100% {
|
1813
|
+
opacity: 0;
|
1814
|
+
-moz-transform: translateX(-2000px);
|
1815
|
+
}
|
1816
|
+
}
|
1817
|
+
|
1818
|
+
@-o-keyframes slideOutLeft {
|
1819
|
+
0% {
|
1820
|
+
-o-transform: translateX(0);
|
1821
|
+
}
|
1822
|
+
|
1823
|
+
100% {
|
1824
|
+
opacity: 0;
|
1825
|
+
-o-transform: translateX(-2000px);
|
1826
|
+
}
|
1827
|
+
}
|
1828
|
+
|
1829
|
+
@keyframes slideOutLeft {
|
1830
|
+
0% {
|
1831
|
+
transform: translateX(0);
|
1832
|
+
}
|
1833
|
+
|
1834
|
+
100% {
|
1835
|
+
opacity: 0;
|
1836
|
+
transform: translateX(-2000px);
|
1837
|
+
}
|
1838
|
+
}
|
1839
|
+
|
1840
|
+
.slideOutLeft {
|
1841
|
+
-webkit-animation-name: slideOutLeft;
|
1842
|
+
-moz-animation-name: slideOutLeft;
|
1843
|
+
-o-animation-name: slideOutLeft;
|
1844
|
+
animation-name: slideOutLeft;
|
1845
|
+
}
|
1846
|
+
|
1847
|
+
@-webkit-keyframes slideOutRight {
|
1848
|
+
0% {
|
1849
|
+
-webkit-transform: translateX(0);
|
1850
|
+
}
|
1851
|
+
|
1852
|
+
100% {
|
1853
|
+
opacity: 0;
|
1854
|
+
-webkit-transform: translateX(2000px);
|
1855
|
+
}
|
1856
|
+
}
|
1857
|
+
|
1858
|
+
@-moz-keyframes slideOutRight {
|
1859
|
+
0% {
|
1860
|
+
-moz-transform: translateX(0);
|
1861
|
+
}
|
1862
|
+
|
1863
|
+
100% {
|
1864
|
+
opacity: 0;
|
1865
|
+
-moz-transform: translateX(2000px);
|
1866
|
+
}
|
1867
|
+
}
|
1868
|
+
|
1869
|
+
@-o-keyframes slideOutRight {
|
1870
|
+
0% {
|
1871
|
+
-o-transform: translateX(0);
|
1872
|
+
}
|
1873
|
+
|
1874
|
+
100% {
|
1875
|
+
opacity: 0;
|
1876
|
+
-o-transform: translateX(2000px);
|
1877
|
+
}
|
1878
|
+
}
|
1879
|
+
|
1880
|
+
@keyframes slideOutRight {
|
1881
|
+
0% {
|
1882
|
+
transform: translateX(0);
|
1883
|
+
}
|
1884
|
+
|
1885
|
+
100% {
|
1886
|
+
opacity: 0;
|
1887
|
+
transform: translateX(2000px);
|
1888
|
+
}
|
1889
|
+
}
|
1890
|
+
|
1891
|
+
.slideOutRight {
|
1892
|
+
-webkit-animation-name: slideOutRight;
|
1893
|
+
-moz-animation-name: slideOutRight;
|
1894
|
+
-o-animation-name: slideOutRight;
|
1895
|
+
animation-name: slideOutRight;
|
1896
|
+
}
|
1897
|
+
|
1898
|
+
@-webkit-keyframes slideOutUp {
|
1899
|
+
0% {
|
1900
|
+
-webkit-transform: translateY(0);
|
1901
|
+
}
|
1902
|
+
|
1903
|
+
100% {
|
1904
|
+
opacity: 0;
|
1905
|
+
-webkit-transform: translateY(-2000px);
|
1906
|
+
}
|
1907
|
+
}
|
1908
|
+
|
1909
|
+
@-moz-keyframes slideOutUp {
|
1910
|
+
0% {
|
1911
|
+
-moz-transform: translateY(0);
|
1912
|
+
}
|
1913
|
+
|
1914
|
+
100% {
|
1915
|
+
opacity: 0;
|
1916
|
+
-moz-transform: translateY(-2000px);
|
1917
|
+
}
|
1918
|
+
}
|
1919
|
+
|
1920
|
+
@-o-keyframes slideOutUp {
|
1921
|
+
0% {
|
1922
|
+
-o-transform: translateY(0);
|
1923
|
+
}
|
1924
|
+
|
1925
|
+
100% {
|
1926
|
+
opacity: 0;
|
1927
|
+
-o-transform: translateY(-2000px);
|
1928
|
+
}
|
1929
|
+
}
|
1930
|
+
|
1931
|
+
@keyframes slideOutUp {
|
1932
|
+
0% {
|
1933
|
+
transform: translateY(0);
|
1934
|
+
}
|
1935
|
+
|
1936
|
+
100% {
|
1937
|
+
opacity: 0;
|
1938
|
+
transform: translateY(-2000px);
|
1939
|
+
}
|
1940
|
+
}
|
1941
|
+
|
1942
|
+
.slideOutUp {
|
1943
|
+
-webkit-animation-name: slideOutUp;
|
1944
|
+
-moz-animation-name: slideOutUp;
|
1945
|
+
-o-animation-name: slideOutUp;
|
1946
|
+
animation-name: slideOutUp;
|
1947
|
+
}
|
1948
|
+
|
1643
1949
|
.animated.bounceIn {
|
1644
1950
|
-webkit-animation-name: bounceIn;
|
1645
1951
|
-moz-animation-name: bounceIn;
|
@@ -1651,16 +1957,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1651
1957
|
opacity: 0;
|
1652
1958
|
-webkit-transform: translateY(2000px);
|
1653
1959
|
}
|
1654
|
-
|
1960
|
+
|
1655
1961
|
60% {
|
1656
1962
|
opacity: 1;
|
1657
1963
|
-webkit-transform: translateY(-30px);
|
1658
1964
|
}
|
1659
|
-
|
1965
|
+
|
1660
1966
|
80% {
|
1661
1967
|
-webkit-transform: translateY(10px);
|
1662
1968
|
}
|
1663
|
-
|
1969
|
+
|
1664
1970
|
100% {
|
1665
1971
|
-webkit-transform: translateY(0);
|
1666
1972
|
}
|
@@ -1670,16 +1976,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1670
1976
|
opacity: 0;
|
1671
1977
|
-moz-transform: translateY(2000px);
|
1672
1978
|
}
|
1673
|
-
|
1979
|
+
|
1674
1980
|
60% {
|
1675
1981
|
opacity: 1;
|
1676
1982
|
-moz-transform: translateY(-30px);
|
1677
1983
|
}
|
1678
|
-
|
1984
|
+
|
1679
1985
|
80% {
|
1680
1986
|
-moz-transform: translateY(10px);
|
1681
1987
|
}
|
1682
|
-
|
1988
|
+
|
1683
1989
|
100% {
|
1684
1990
|
-moz-transform: translateY(0);
|
1685
1991
|
}
|
@@ -1690,16 +1996,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1690
1996
|
opacity: 0;
|
1691
1997
|
-o-transform: translateY(2000px);
|
1692
1998
|
}
|
1693
|
-
|
1999
|
+
|
1694
2000
|
60% {
|
1695
2001
|
opacity: 1;
|
1696
2002
|
-o-transform: translateY(-30px);
|
1697
2003
|
}
|
1698
|
-
|
2004
|
+
|
1699
2005
|
80% {
|
1700
2006
|
-o-transform: translateY(10px);
|
1701
2007
|
}
|
1702
|
-
|
2008
|
+
|
1703
2009
|
100% {
|
1704
2010
|
-o-transform: translateY(0);
|
1705
2011
|
}
|
@@ -1710,16 +2016,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1710
2016
|
opacity: 0;
|
1711
2017
|
transform: translateY(2000px);
|
1712
2018
|
}
|
1713
|
-
|
2019
|
+
|
1714
2020
|
60% {
|
1715
2021
|
opacity: 1;
|
1716
2022
|
transform: translateY(-30px);
|
1717
2023
|
}
|
1718
|
-
|
2024
|
+
|
1719
2025
|
80% {
|
1720
2026
|
transform: translateY(10px);
|
1721
2027
|
}
|
1722
|
-
|
2028
|
+
|
1723
2029
|
100% {
|
1724
2030
|
transform: translateY(0);
|
1725
2031
|
}
|
@@ -1736,16 +2042,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1736
2042
|
opacity: 0;
|
1737
2043
|
-webkit-transform: translateY(-2000px);
|
1738
2044
|
}
|
1739
|
-
|
2045
|
+
|
1740
2046
|
60% {
|
1741
2047
|
opacity: 1;
|
1742
2048
|
-webkit-transform: translateY(30px);
|
1743
2049
|
}
|
1744
|
-
|
2050
|
+
|
1745
2051
|
80% {
|
1746
2052
|
-webkit-transform: translateY(-10px);
|
1747
2053
|
}
|
1748
|
-
|
2054
|
+
|
1749
2055
|
100% {
|
1750
2056
|
-webkit-transform: translateY(0);
|
1751
2057
|
}
|
@@ -1756,16 +2062,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1756
2062
|
opacity: 0;
|
1757
2063
|
-moz-transform: translateY(-2000px);
|
1758
2064
|
}
|
1759
|
-
|
2065
|
+
|
1760
2066
|
60% {
|
1761
2067
|
opacity: 1;
|
1762
2068
|
-moz-transform: translateY(30px);
|
1763
2069
|
}
|
1764
|
-
|
2070
|
+
|
1765
2071
|
80% {
|
1766
2072
|
-moz-transform: translateY(-10px);
|
1767
2073
|
}
|
1768
|
-
|
2074
|
+
|
1769
2075
|
100% {
|
1770
2076
|
-moz-transform: translateY(0);
|
1771
2077
|
}
|
@@ -1776,16 +2082,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1776
2082
|
opacity: 0;
|
1777
2083
|
-o-transform: translateY(-2000px);
|
1778
2084
|
}
|
1779
|
-
|
2085
|
+
|
1780
2086
|
60% {
|
1781
2087
|
opacity: 1;
|
1782
2088
|
-o-transform: translateY(30px);
|
1783
2089
|
}
|
1784
|
-
|
2090
|
+
|
1785
2091
|
80% {
|
1786
2092
|
-o-transform: translateY(-10px);
|
1787
2093
|
}
|
1788
|
-
|
2094
|
+
|
1789
2095
|
100% {
|
1790
2096
|
-o-transform: translateY(0);
|
1791
2097
|
}
|
@@ -1796,16 +2102,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1796
2102
|
opacity: 0;
|
1797
2103
|
transform: translateY(-2000px);
|
1798
2104
|
}
|
1799
|
-
|
2105
|
+
|
1800
2106
|
60% {
|
1801
2107
|
opacity: 1;
|
1802
2108
|
transform: translateY(30px);
|
1803
2109
|
}
|
1804
|
-
|
2110
|
+
|
1805
2111
|
80% {
|
1806
2112
|
transform: translateY(-10px);
|
1807
2113
|
}
|
1808
|
-
|
2114
|
+
|
1809
2115
|
100% {
|
1810
2116
|
transform: translateY(0);
|
1811
2117
|
}
|
@@ -1822,16 +2128,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1822
2128
|
opacity: 0;
|
1823
2129
|
-webkit-transform: translateX(-2000px);
|
1824
2130
|
}
|
1825
|
-
|
2131
|
+
|
1826
2132
|
60% {
|
1827
2133
|
opacity: 1;
|
1828
2134
|
-webkit-transform: translateX(30px);
|
1829
2135
|
}
|
1830
|
-
|
2136
|
+
|
1831
2137
|
80% {
|
1832
2138
|
-webkit-transform: translateX(-10px);
|
1833
2139
|
}
|
1834
|
-
|
2140
|
+
|
1835
2141
|
100% {
|
1836
2142
|
-webkit-transform: translateX(0);
|
1837
2143
|
}
|
@@ -1842,16 +2148,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1842
2148
|
opacity: 0;
|
1843
2149
|
-moz-transform: translateX(-2000px);
|
1844
2150
|
}
|
1845
|
-
|
2151
|
+
|
1846
2152
|
60% {
|
1847
2153
|
opacity: 1;
|
1848
2154
|
-moz-transform: translateX(30px);
|
1849
2155
|
}
|
1850
|
-
|
2156
|
+
|
1851
2157
|
80% {
|
1852
2158
|
-moz-transform: translateX(-10px);
|
1853
2159
|
}
|
1854
|
-
|
2160
|
+
|
1855
2161
|
100% {
|
1856
2162
|
-moz-transform: translateX(0);
|
1857
2163
|
}
|
@@ -1862,16 +2168,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1862
2168
|
opacity: 0;
|
1863
2169
|
-o-transform: translateX(-2000px);
|
1864
2170
|
}
|
1865
|
-
|
2171
|
+
|
1866
2172
|
60% {
|
1867
2173
|
opacity: 1;
|
1868
2174
|
-o-transform: translateX(30px);
|
1869
2175
|
}
|
1870
|
-
|
2176
|
+
|
1871
2177
|
80% {
|
1872
2178
|
-o-transform: translateX(-10px);
|
1873
2179
|
}
|
1874
|
-
|
2180
|
+
|
1875
2181
|
100% {
|
1876
2182
|
-o-transform: translateX(0);
|
1877
2183
|
}
|
@@ -1882,16 +2188,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1882
2188
|
opacity: 0;
|
1883
2189
|
transform: translateX(-2000px);
|
1884
2190
|
}
|
1885
|
-
|
2191
|
+
|
1886
2192
|
60% {
|
1887
2193
|
opacity: 1;
|
1888
2194
|
transform: translateX(30px);
|
1889
2195
|
}
|
1890
|
-
|
2196
|
+
|
1891
2197
|
80% {
|
1892
2198
|
transform: translateX(-10px);
|
1893
2199
|
}
|
1894
|
-
|
2200
|
+
|
1895
2201
|
100% {
|
1896
2202
|
transform: translateX(0);
|
1897
2203
|
}
|
@@ -1908,16 +2214,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1908
2214
|
opacity: 0;
|
1909
2215
|
-webkit-transform: translateX(2000px);
|
1910
2216
|
}
|
1911
|
-
|
2217
|
+
|
1912
2218
|
60% {
|
1913
2219
|
opacity: 1;
|
1914
2220
|
-webkit-transform: translateX(-30px);
|
1915
2221
|
}
|
1916
|
-
|
2222
|
+
|
1917
2223
|
80% {
|
1918
2224
|
-webkit-transform: translateX(10px);
|
1919
2225
|
}
|
1920
|
-
|
2226
|
+
|
1921
2227
|
100% {
|
1922
2228
|
-webkit-transform: translateX(0);
|
1923
2229
|
}
|
@@ -1928,16 +2234,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1928
2234
|
opacity: 0;
|
1929
2235
|
-moz-transform: translateX(2000px);
|
1930
2236
|
}
|
1931
|
-
|
2237
|
+
|
1932
2238
|
60% {
|
1933
2239
|
opacity: 1;
|
1934
2240
|
-moz-transform: translateX(-30px);
|
1935
2241
|
}
|
1936
|
-
|
2242
|
+
|
1937
2243
|
80% {
|
1938
2244
|
-moz-transform: translateX(10px);
|
1939
2245
|
}
|
1940
|
-
|
2246
|
+
|
1941
2247
|
100% {
|
1942
2248
|
-moz-transform: translateX(0);
|
1943
2249
|
}
|
@@ -1948,16 +2254,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1948
2254
|
opacity: 0;
|
1949
2255
|
-o-transform: translateX(2000px);
|
1950
2256
|
}
|
1951
|
-
|
2257
|
+
|
1952
2258
|
60% {
|
1953
2259
|
opacity: 1;
|
1954
2260
|
-o-transform: translateX(-30px);
|
1955
2261
|
}
|
1956
|
-
|
2262
|
+
|
1957
2263
|
80% {
|
1958
2264
|
-o-transform: translateX(10px);
|
1959
2265
|
}
|
1960
|
-
|
2266
|
+
|
1961
2267
|
100% {
|
1962
2268
|
-o-transform: translateX(0);
|
1963
2269
|
}
|
@@ -1968,16 +2274,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1968
2274
|
opacity: 0;
|
1969
2275
|
transform: translateX(2000px);
|
1970
2276
|
}
|
1971
|
-
|
2277
|
+
|
1972
2278
|
60% {
|
1973
2279
|
opacity: 1;
|
1974
2280
|
transform: translateX(-30px);
|
1975
2281
|
}
|
1976
|
-
|
2282
|
+
|
1977
2283
|
80% {
|
1978
2284
|
transform: translateX(10px);
|
1979
2285
|
}
|
1980
|
-
|
2286
|
+
|
1981
2287
|
100% {
|
1982
2288
|
transform: translateX(0);
|
1983
2289
|
}
|
@@ -1993,80 +2299,80 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
1993
2299
|
0% {
|
1994
2300
|
-webkit-transform: scale(1);
|
1995
2301
|
}
|
1996
|
-
|
2302
|
+
|
1997
2303
|
25% {
|
1998
2304
|
-webkit-transform: scale(.95);
|
1999
2305
|
}
|
2000
|
-
|
2306
|
+
|
2001
2307
|
50% {
|
2002
2308
|
opacity: 1;
|
2003
2309
|
-webkit-transform: scale(1.1);
|
2004
2310
|
}
|
2005
|
-
|
2311
|
+
|
2006
2312
|
100% {
|
2007
2313
|
opacity: 0;
|
2008
2314
|
-webkit-transform: scale(.3);
|
2009
|
-
}
|
2315
|
+
}
|
2010
2316
|
}
|
2011
2317
|
|
2012
2318
|
@-moz-keyframes bounceOut {
|
2013
2319
|
0% {
|
2014
2320
|
-moz-transform: scale(1);
|
2015
2321
|
}
|
2016
|
-
|
2322
|
+
|
2017
2323
|
25% {
|
2018
2324
|
-moz-transform: scale(.95);
|
2019
2325
|
}
|
2020
|
-
|
2326
|
+
|
2021
2327
|
50% {
|
2022
2328
|
opacity: 1;
|
2023
2329
|
-moz-transform: scale(1.1);
|
2024
2330
|
}
|
2025
|
-
|
2331
|
+
|
2026
2332
|
100% {
|
2027
2333
|
opacity: 0;
|
2028
2334
|
-moz-transform: scale(.3);
|
2029
|
-
}
|
2335
|
+
}
|
2030
2336
|
}
|
2031
2337
|
|
2032
2338
|
@-o-keyframes bounceOut {
|
2033
2339
|
0% {
|
2034
2340
|
-o-transform: scale(1);
|
2035
2341
|
}
|
2036
|
-
|
2342
|
+
|
2037
2343
|
25% {
|
2038
2344
|
-o-transform: scale(.95);
|
2039
2345
|
}
|
2040
|
-
|
2346
|
+
|
2041
2347
|
50% {
|
2042
2348
|
opacity: 1;
|
2043
2349
|
-o-transform: scale(1.1);
|
2044
2350
|
}
|
2045
|
-
|
2351
|
+
|
2046
2352
|
100% {
|
2047
2353
|
opacity: 0;
|
2048
2354
|
-o-transform: scale(.3);
|
2049
|
-
}
|
2355
|
+
}
|
2050
2356
|
}
|
2051
2357
|
|
2052
2358
|
@keyframes bounceOut {
|
2053
2359
|
0% {
|
2054
2360
|
transform: scale(1);
|
2055
2361
|
}
|
2056
|
-
|
2362
|
+
|
2057
2363
|
25% {
|
2058
2364
|
transform: scale(.95);
|
2059
2365
|
}
|
2060
|
-
|
2366
|
+
|
2061
2367
|
50% {
|
2062
2368
|
opacity: 1;
|
2063
2369
|
transform: scale(1.1);
|
2064
2370
|
}
|
2065
|
-
|
2371
|
+
|
2066
2372
|
100% {
|
2067
2373
|
opacity: 0;
|
2068
2374
|
transform: scale(.3);
|
2069
|
-
}
|
2375
|
+
}
|
2070
2376
|
}
|
2071
2377
|
|
2072
2378
|
.animated.bounceOut {
|
@@ -2079,12 +2385,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2079
2385
|
0% {
|
2080
2386
|
-webkit-transform: translateY(0);
|
2081
2387
|
}
|
2082
|
-
|
2388
|
+
|
2083
2389
|
20% {
|
2084
2390
|
opacity: 1;
|
2085
2391
|
-webkit-transform: translateY(20px);
|
2086
2392
|
}
|
2087
|
-
|
2393
|
+
|
2088
2394
|
100% {
|
2089
2395
|
opacity: 0;
|
2090
2396
|
-webkit-transform: translateY(-2000px);
|
@@ -2095,12 +2401,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2095
2401
|
0% {
|
2096
2402
|
-moz-transform: translateY(0);
|
2097
2403
|
}
|
2098
|
-
|
2404
|
+
|
2099
2405
|
20% {
|
2100
2406
|
opacity: 1;
|
2101
2407
|
-moz-transform: translateY(20px);
|
2102
2408
|
}
|
2103
|
-
|
2409
|
+
|
2104
2410
|
100% {
|
2105
2411
|
opacity: 0;
|
2106
2412
|
-moz-transform: translateY(-2000px);
|
@@ -2111,12 +2417,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2111
2417
|
0% {
|
2112
2418
|
-o-transform: translateY(0);
|
2113
2419
|
}
|
2114
|
-
|
2420
|
+
|
2115
2421
|
20% {
|
2116
2422
|
opacity: 1;
|
2117
2423
|
-o-transform: translateY(20px);
|
2118
2424
|
}
|
2119
|
-
|
2425
|
+
|
2120
2426
|
100% {
|
2121
2427
|
opacity: 0;
|
2122
2428
|
-o-transform: translateY(-2000px);
|
@@ -2127,12 +2433,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2127
2433
|
0% {
|
2128
2434
|
transform: translateY(0);
|
2129
2435
|
}
|
2130
|
-
|
2436
|
+
|
2131
2437
|
20% {
|
2132
2438
|
opacity: 1;
|
2133
2439
|
transform: translateY(20px);
|
2134
2440
|
}
|
2135
|
-
|
2441
|
+
|
2136
2442
|
100% {
|
2137
2443
|
opacity: 0;
|
2138
2444
|
transform: translateY(-2000px);
|
@@ -2149,12 +2455,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2149
2455
|
0% {
|
2150
2456
|
-webkit-transform: translateY(0);
|
2151
2457
|
}
|
2152
|
-
|
2458
|
+
|
2153
2459
|
20% {
|
2154
2460
|
opacity: 1;
|
2155
2461
|
-webkit-transform: translateY(-20px);
|
2156
2462
|
}
|
2157
|
-
|
2463
|
+
|
2158
2464
|
100% {
|
2159
2465
|
opacity: 0;
|
2160
2466
|
-webkit-transform: translateY(2000px);
|
@@ -2165,12 +2471,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2165
2471
|
0% {
|
2166
2472
|
-moz-transform: translateY(0);
|
2167
2473
|
}
|
2168
|
-
|
2474
|
+
|
2169
2475
|
20% {
|
2170
2476
|
opacity: 1;
|
2171
2477
|
-moz-transform: translateY(-20px);
|
2172
2478
|
}
|
2173
|
-
|
2479
|
+
|
2174
2480
|
100% {
|
2175
2481
|
opacity: 0;
|
2176
2482
|
-moz-transform: translateY(2000px);
|
@@ -2181,12 +2487,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2181
2487
|
0% {
|
2182
2488
|
-o-transform: translateY(0);
|
2183
2489
|
}
|
2184
|
-
|
2490
|
+
|
2185
2491
|
20% {
|
2186
2492
|
opacity: 1;
|
2187
2493
|
-o-transform: translateY(-20px);
|
2188
2494
|
}
|
2189
|
-
|
2495
|
+
|
2190
2496
|
100% {
|
2191
2497
|
opacity: 0;
|
2192
2498
|
-o-transform: translateY(2000px);
|
@@ -2197,12 +2503,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2197
2503
|
0% {
|
2198
2504
|
transform: translateY(0);
|
2199
2505
|
}
|
2200
|
-
|
2506
|
+
|
2201
2507
|
20% {
|
2202
2508
|
opacity: 1;
|
2203
2509
|
transform: translateY(-20px);
|
2204
2510
|
}
|
2205
|
-
|
2511
|
+
|
2206
2512
|
100% {
|
2207
2513
|
opacity: 0;
|
2208
2514
|
transform: translateY(2000px);
|
@@ -2219,12 +2525,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2219
2525
|
0% {
|
2220
2526
|
-webkit-transform: translateX(0);
|
2221
2527
|
}
|
2222
|
-
|
2528
|
+
|
2223
2529
|
20% {
|
2224
2530
|
opacity: 1;
|
2225
2531
|
-webkit-transform: translateX(20px);
|
2226
2532
|
}
|
2227
|
-
|
2533
|
+
|
2228
2534
|
100% {
|
2229
2535
|
opacity: 0;
|
2230
2536
|
-webkit-transform: translateX(-2000px);
|
@@ -2235,12 +2541,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2235
2541
|
0% {
|
2236
2542
|
-moz-transform: translateX(0);
|
2237
2543
|
}
|
2238
|
-
|
2544
|
+
|
2239
2545
|
20% {
|
2240
2546
|
opacity: 1;
|
2241
2547
|
-moz-transform: translateX(20px);
|
2242
2548
|
}
|
2243
|
-
|
2549
|
+
|
2244
2550
|
100% {
|
2245
2551
|
opacity: 0;
|
2246
2552
|
-moz-transform: translateX(-2000px);
|
@@ -2251,12 +2557,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2251
2557
|
0% {
|
2252
2558
|
-o-transform: translateX(0);
|
2253
2559
|
}
|
2254
|
-
|
2560
|
+
|
2255
2561
|
20% {
|
2256
2562
|
opacity: 1;
|
2257
2563
|
-o-transform: translateX(20px);
|
2258
2564
|
}
|
2259
|
-
|
2565
|
+
|
2260
2566
|
100% {
|
2261
2567
|
opacity: 0;
|
2262
2568
|
-o-transform: translateX(-2000px);
|
@@ -2267,12 +2573,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2267
2573
|
0% {
|
2268
2574
|
transform: translateX(0);
|
2269
2575
|
}
|
2270
|
-
|
2576
|
+
|
2271
2577
|
20% {
|
2272
2578
|
opacity: 1;
|
2273
2579
|
transform: translateX(20px);
|
2274
2580
|
}
|
2275
|
-
|
2581
|
+
|
2276
2582
|
100% {
|
2277
2583
|
opacity: 0;
|
2278
2584
|
transform: translateX(-2000px);
|
@@ -2289,12 +2595,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2289
2595
|
0% {
|
2290
2596
|
-webkit-transform: translateX(0);
|
2291
2597
|
}
|
2292
|
-
|
2598
|
+
|
2293
2599
|
20% {
|
2294
2600
|
opacity: 1;
|
2295
2601
|
-webkit-transform: translateX(-20px);
|
2296
2602
|
}
|
2297
|
-
|
2603
|
+
|
2298
2604
|
100% {
|
2299
2605
|
opacity: 0;
|
2300
2606
|
-webkit-transform: translateX(2000px);
|
@@ -2305,12 +2611,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2305
2611
|
0% {
|
2306
2612
|
-moz-transform: translateX(0);
|
2307
2613
|
}
|
2308
|
-
|
2614
|
+
|
2309
2615
|
20% {
|
2310
2616
|
opacity: 1;
|
2311
2617
|
-moz-transform: translateX(-20px);
|
2312
2618
|
}
|
2313
|
-
|
2619
|
+
|
2314
2620
|
100% {
|
2315
2621
|
opacity: 0;
|
2316
2622
|
-moz-transform: translateX(2000px);
|
@@ -2321,12 +2627,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2321
2627
|
0% {
|
2322
2628
|
-o-transform: translateX(0);
|
2323
2629
|
}
|
2324
|
-
|
2630
|
+
|
2325
2631
|
20% {
|
2326
2632
|
opacity: 1;
|
2327
2633
|
-o-transform: translateX(-20px);
|
2328
2634
|
}
|
2329
|
-
|
2635
|
+
|
2330
2636
|
100% {
|
2331
2637
|
opacity: 0;
|
2332
2638
|
-o-transform: translateX(2000px);
|
@@ -2337,12 +2643,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2337
2643
|
0% {
|
2338
2644
|
transform: translateX(0);
|
2339
2645
|
}
|
2340
|
-
|
2646
|
+
|
2341
2647
|
20% {
|
2342
2648
|
opacity: 1;
|
2343
2649
|
transform: translateX(-20px);
|
2344
2650
|
}
|
2345
|
-
|
2651
|
+
|
2346
2652
|
100% {
|
2347
2653
|
opacity: 0;
|
2348
2654
|
transform: translateX(2000px);
|
@@ -2361,7 +2667,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2361
2667
|
-webkit-transform: rotate(-200deg);
|
2362
2668
|
opacity: 0;
|
2363
2669
|
}
|
2364
|
-
|
2670
|
+
|
2365
2671
|
100% {
|
2366
2672
|
-webkit-transform-origin: center center;
|
2367
2673
|
-webkit-transform: rotate(0);
|
@@ -2374,7 +2680,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2374
2680
|
-moz-transform: rotate(-200deg);
|
2375
2681
|
opacity: 0;
|
2376
2682
|
}
|
2377
|
-
|
2683
|
+
|
2378
2684
|
100% {
|
2379
2685
|
-moz-transform-origin: center center;
|
2380
2686
|
-moz-transform: rotate(0);
|
@@ -2387,7 +2693,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2387
2693
|
-o-transform: rotate(-200deg);
|
2388
2694
|
opacity: 0;
|
2389
2695
|
}
|
2390
|
-
|
2696
|
+
|
2391
2697
|
100% {
|
2392
2698
|
-o-transform-origin: center center;
|
2393
2699
|
-o-transform: rotate(0);
|
@@ -2400,7 +2706,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2400
2706
|
transform: rotate(-200deg);
|
2401
2707
|
opacity: 0;
|
2402
2708
|
}
|
2403
|
-
|
2709
|
+
|
2404
2710
|
100% {
|
2405
2711
|
transform-origin: center center;
|
2406
2712
|
transform: rotate(0);
|
@@ -2420,7 +2726,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2420
2726
|
-webkit-transform: rotate(90deg);
|
2421
2727
|
opacity: 0;
|
2422
2728
|
}
|
2423
|
-
|
2729
|
+
|
2424
2730
|
100% {
|
2425
2731
|
-webkit-transform-origin: left bottom;
|
2426
2732
|
-webkit-transform: rotate(0);
|
@@ -2434,7 +2740,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2434
2740
|
-moz-transform: rotate(90deg);
|
2435
2741
|
opacity: 0;
|
2436
2742
|
}
|
2437
|
-
|
2743
|
+
|
2438
2744
|
100% {
|
2439
2745
|
-moz-transform-origin: left bottom;
|
2440
2746
|
-moz-transform: rotate(0);
|
@@ -2448,7 +2754,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2448
2754
|
-o-transform: rotate(90deg);
|
2449
2755
|
opacity: 0;
|
2450
2756
|
}
|
2451
|
-
|
2757
|
+
|
2452
2758
|
100% {
|
2453
2759
|
-o-transform-origin: left bottom;
|
2454
2760
|
-o-transform: rotate(0);
|
@@ -2462,7 +2768,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2462
2768
|
transform: rotate(90deg);
|
2463
2769
|
opacity: 0;
|
2464
2770
|
}
|
2465
|
-
|
2771
|
+
|
2466
2772
|
100% {
|
2467
2773
|
transform-origin: left bottom;
|
2468
2774
|
transform: rotate(0);
|
@@ -2482,7 +2788,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2482
2788
|
-webkit-transform: rotate(-90deg);
|
2483
2789
|
opacity: 0;
|
2484
2790
|
}
|
2485
|
-
|
2791
|
+
|
2486
2792
|
100% {
|
2487
2793
|
-webkit-transform-origin: left bottom;
|
2488
2794
|
-webkit-transform: rotate(0);
|
@@ -2496,7 +2802,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2496
2802
|
-moz-transform: rotate(-90deg);
|
2497
2803
|
opacity: 0;
|
2498
2804
|
}
|
2499
|
-
|
2805
|
+
|
2500
2806
|
100% {
|
2501
2807
|
-moz-transform-origin: left bottom;
|
2502
2808
|
-moz-transform: rotate(0);
|
@@ -2510,7 +2816,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2510
2816
|
-o-transform: rotate(-90deg);
|
2511
2817
|
opacity: 0;
|
2512
2818
|
}
|
2513
|
-
|
2819
|
+
|
2514
2820
|
100% {
|
2515
2821
|
-o-transform-origin: left bottom;
|
2516
2822
|
-o-transform: rotate(0);
|
@@ -2524,7 +2830,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2524
2830
|
transform: rotate(-90deg);
|
2525
2831
|
opacity: 0;
|
2526
2832
|
}
|
2527
|
-
|
2833
|
+
|
2528
2834
|
100% {
|
2529
2835
|
transform-origin: left bottom;
|
2530
2836
|
transform: rotate(0);
|
@@ -2544,7 +2850,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2544
2850
|
-webkit-transform: rotate(-90deg);
|
2545
2851
|
opacity: 0;
|
2546
2852
|
}
|
2547
|
-
|
2853
|
+
|
2548
2854
|
100% {
|
2549
2855
|
-webkit-transform-origin: right bottom;
|
2550
2856
|
-webkit-transform: rotate(0);
|
@@ -2558,7 +2864,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2558
2864
|
-moz-transform: rotate(-90deg);
|
2559
2865
|
opacity: 0;
|
2560
2866
|
}
|
2561
|
-
|
2867
|
+
|
2562
2868
|
100% {
|
2563
2869
|
-moz-transform-origin: right bottom;
|
2564
2870
|
-moz-transform: rotate(0);
|
@@ -2572,7 +2878,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2572
2878
|
-o-transform: rotate(-90deg);
|
2573
2879
|
opacity: 0;
|
2574
2880
|
}
|
2575
|
-
|
2881
|
+
|
2576
2882
|
100% {
|
2577
2883
|
-o-transform-origin: right bottom;
|
2578
2884
|
-o-transform: rotate(0);
|
@@ -2586,7 +2892,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2586
2892
|
transform: rotate(-90deg);
|
2587
2893
|
opacity: 0;
|
2588
2894
|
}
|
2589
|
-
|
2895
|
+
|
2590
2896
|
100% {
|
2591
2897
|
transform-origin: right bottom;
|
2592
2898
|
transform: rotate(0);
|
@@ -2606,7 +2912,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2606
2912
|
-webkit-transform: rotate(90deg);
|
2607
2913
|
opacity: 0;
|
2608
2914
|
}
|
2609
|
-
|
2915
|
+
|
2610
2916
|
100% {
|
2611
2917
|
-webkit-transform-origin: right bottom;
|
2612
2918
|
-webkit-transform: rotate(0);
|
@@ -2620,7 +2926,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2620
2926
|
-moz-transform: rotate(90deg);
|
2621
2927
|
opacity: 0;
|
2622
2928
|
}
|
2623
|
-
|
2929
|
+
|
2624
2930
|
100% {
|
2625
2931
|
-moz-transform-origin: right bottom;
|
2626
2932
|
-moz-transform: rotate(0);
|
@@ -2634,7 +2940,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2634
2940
|
-o-transform: rotate(90deg);
|
2635
2941
|
opacity: 0;
|
2636
2942
|
}
|
2637
|
-
|
2943
|
+
|
2638
2944
|
100% {
|
2639
2945
|
-o-transform-origin: right bottom;
|
2640
2946
|
-o-transform: rotate(0);
|
@@ -2648,7 +2954,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2648
2954
|
transform: rotate(90deg);
|
2649
2955
|
opacity: 0;
|
2650
2956
|
}
|
2651
|
-
|
2957
|
+
|
2652
2958
|
100% {
|
2653
2959
|
transform-origin: right bottom;
|
2654
2960
|
transform: rotate(0);
|
@@ -2668,7 +2974,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2668
2974
|
-webkit-transform: rotate(0);
|
2669
2975
|
opacity: 1;
|
2670
2976
|
}
|
2671
|
-
|
2977
|
+
|
2672
2978
|
100% {
|
2673
2979
|
-webkit-transform-origin: center center;
|
2674
2980
|
-webkit-transform: rotate(200deg);
|
@@ -2682,7 +2988,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2682
2988
|
-moz-transform: rotate(0);
|
2683
2989
|
opacity: 1;
|
2684
2990
|
}
|
2685
|
-
|
2991
|
+
|
2686
2992
|
100% {
|
2687
2993
|
-moz-transform-origin: center center;
|
2688
2994
|
-moz-transform: rotate(200deg);
|
@@ -2696,7 +3002,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2696
3002
|
-o-transform: rotate(0);
|
2697
3003
|
opacity: 1;
|
2698
3004
|
}
|
2699
|
-
|
3005
|
+
|
2700
3006
|
100% {
|
2701
3007
|
-o-transform-origin: center center;
|
2702
3008
|
-o-transform: rotate(200deg);
|
@@ -2710,7 +3016,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2710
3016
|
transform: rotate(0);
|
2711
3017
|
opacity: 1;
|
2712
3018
|
}
|
2713
|
-
|
3019
|
+
|
2714
3020
|
100% {
|
2715
3021
|
transform-origin: center center;
|
2716
3022
|
transform: rotate(200deg);
|
@@ -2730,7 +3036,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2730
3036
|
-webkit-transform: rotate(0);
|
2731
3037
|
opacity: 1;
|
2732
3038
|
}
|
2733
|
-
|
3039
|
+
|
2734
3040
|
100% {
|
2735
3041
|
-webkit-transform-origin: left bottom;
|
2736
3042
|
-webkit-transform: rotate(-90deg);
|
@@ -2744,7 +3050,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2744
3050
|
-moz-transform: rotate(0);
|
2745
3051
|
opacity: 1;
|
2746
3052
|
}
|
2747
|
-
|
3053
|
+
|
2748
3054
|
100% {
|
2749
3055
|
-moz-transform-origin: left bottom;
|
2750
3056
|
-moz-transform: rotate(-90deg);
|
@@ -2758,7 +3064,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2758
3064
|
-o-transform: rotate(0);
|
2759
3065
|
opacity: 1;
|
2760
3066
|
}
|
2761
|
-
|
3067
|
+
|
2762
3068
|
100% {
|
2763
3069
|
-o-transform-origin: left bottom;
|
2764
3070
|
-o-transform: rotate(-90deg);
|
@@ -2772,7 +3078,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2772
3078
|
transform: rotate(0);
|
2773
3079
|
opacity: 1;
|
2774
3080
|
}
|
2775
|
-
|
3081
|
+
|
2776
3082
|
100% {
|
2777
3083
|
transform-origin: left bottom;
|
2778
3084
|
transform: rotate(-90deg);
|
@@ -2792,7 +3098,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2792
3098
|
-webkit-transform: rotate(0);
|
2793
3099
|
opacity: 1;
|
2794
3100
|
}
|
2795
|
-
|
3101
|
+
|
2796
3102
|
100% {
|
2797
3103
|
-webkit-transform-origin: left bottom;
|
2798
3104
|
-webkit-transform: rotate(90deg);
|
@@ -2806,7 +3112,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2806
3112
|
-moz-transform: rotate(0);
|
2807
3113
|
opacity: 1;
|
2808
3114
|
}
|
2809
|
-
|
3115
|
+
|
2810
3116
|
100% {
|
2811
3117
|
-moz-transform-origin: left bottom;
|
2812
3118
|
-moz-transform: rotate(90deg);
|
@@ -2820,7 +3126,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2820
3126
|
-o-transform: rotate(0);
|
2821
3127
|
opacity: 1;
|
2822
3128
|
}
|
2823
|
-
|
3129
|
+
|
2824
3130
|
100% {
|
2825
3131
|
-o-transform-origin: left bottom;
|
2826
3132
|
-o-transform: rotate(90deg);
|
@@ -2834,7 +3140,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2834
3140
|
transform: rotate(0);
|
2835
3141
|
opacity: 1;
|
2836
3142
|
}
|
2837
|
-
|
3143
|
+
|
2838
3144
|
100% {
|
2839
3145
|
transform-origin: left bottom;
|
2840
3146
|
transform: rotate(90deg);
|
@@ -2854,7 +3160,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2854
3160
|
-webkit-transform: rotate(0);
|
2855
3161
|
opacity: 1;
|
2856
3162
|
}
|
2857
|
-
|
3163
|
+
|
2858
3164
|
100% {
|
2859
3165
|
-webkit-transform-origin: right bottom;
|
2860
3166
|
-webkit-transform: rotate(90deg);
|
@@ -2868,7 +3174,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2868
3174
|
-moz-transform: rotate(0);
|
2869
3175
|
opacity: 1;
|
2870
3176
|
}
|
2871
|
-
|
3177
|
+
|
2872
3178
|
100% {
|
2873
3179
|
-moz-transform-origin: right bottom;
|
2874
3180
|
-moz-transform: rotate(90deg);
|
@@ -2882,7 +3188,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2882
3188
|
-o-transform: rotate(0);
|
2883
3189
|
opacity: 1;
|
2884
3190
|
}
|
2885
|
-
|
3191
|
+
|
2886
3192
|
100% {
|
2887
3193
|
-o-transform-origin: right bottom;
|
2888
3194
|
-o-transform: rotate(90deg);
|
@@ -2896,7 +3202,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2896
3202
|
transform: rotate(0);
|
2897
3203
|
opacity: 1;
|
2898
3204
|
}
|
2899
|
-
|
3205
|
+
|
2900
3206
|
100% {
|
2901
3207
|
transform-origin: right bottom;
|
2902
3208
|
transform: rotate(90deg);
|
@@ -2916,7 +3222,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2916
3222
|
-webkit-transform: rotate(0);
|
2917
3223
|
opacity: 1;
|
2918
3224
|
}
|
2919
|
-
|
3225
|
+
|
2920
3226
|
100% {
|
2921
3227
|
-webkit-transform-origin: right bottom;
|
2922
3228
|
-webkit-transform: rotate(-90deg);
|
@@ -2930,7 +3236,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2930
3236
|
-moz-transform: rotate(0);
|
2931
3237
|
opacity: 1;
|
2932
3238
|
}
|
2933
|
-
|
3239
|
+
|
2934
3240
|
100% {
|
2935
3241
|
-moz-transform-origin: right bottom;
|
2936
3242
|
-moz-transform: rotate(-90deg);
|
@@ -2944,7 +3250,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2944
3250
|
-o-transform: rotate(0);
|
2945
3251
|
opacity: 1;
|
2946
3252
|
}
|
2947
|
-
|
3253
|
+
|
2948
3254
|
100% {
|
2949
3255
|
-o-transform-origin: right bottom;
|
2950
3256
|
-o-transform: rotate(-90deg);
|
@@ -2958,7 +3264,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2958
3264
|
transform: rotate(0);
|
2959
3265
|
opacity: 1;
|
2960
3266
|
}
|
2961
|
-
|
3267
|
+
|
2962
3268
|
100% {
|
2963
3269
|
transform-origin: right bottom;
|
2964
3270
|
transform: rotate(-90deg);
|
@@ -2973,34 +3279,34 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
2973
3279
|
animation-name: rotateOutDownRight;
|
2974
3280
|
}
|
2975
3281
|
@-webkit-keyframes hinge {
|
2976
|
-
0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
|
2977
|
-
20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
|
2978
|
-
40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
|
2979
|
-
80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
|
3282
|
+
0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
|
3283
|
+
20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
|
3284
|
+
40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
|
3285
|
+
80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
|
2980
3286
|
100% { -webkit-transform: translateY(700px); opacity: 0; }
|
2981
3287
|
}
|
2982
3288
|
|
2983
3289
|
@-moz-keyframes hinge {
|
2984
|
-
0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
|
2985
|
-
20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
|
2986
|
-
40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
|
2987
|
-
80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
|
3290
|
+
0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
|
3291
|
+
20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
|
3292
|
+
40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
|
3293
|
+
80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
|
2988
3294
|
100% { -moz-transform: translateY(700px); opacity: 0; }
|
2989
3295
|
}
|
2990
3296
|
|
2991
3297
|
@-o-keyframes hinge {
|
2992
|
-
0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
|
2993
|
-
20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
|
2994
|
-
40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
|
2995
|
-
80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
|
3298
|
+
0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
|
3299
|
+
20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
|
3300
|
+
40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
|
3301
|
+
80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
|
2996
3302
|
100% { -o-transform: translateY(700px); opacity: 0; }
|
2997
3303
|
}
|
2998
3304
|
|
2999
3305
|
@keyframes hinge {
|
3000
|
-
0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
|
3001
|
-
20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
|
3002
|
-
40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
|
3003
|
-
80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
|
3306
|
+
0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
|
3307
|
+
20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
|
3308
|
+
40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
|
3309
|
+
80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
|
3004
3310
|
100% { transform: translateY(700px); opacity: 0; }
|
3005
3311
|
}
|
3006
3312
|
|
@@ -3183,81 +3489,4 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
|
3183
3489
|
-moz-animation-duration: 0.25s;
|
3184
3490
|
-o-animation-duration: 0.25s;
|
3185
3491
|
animation-duration: 0.25s;
|
3186
|
-
}
|
3187
|
-
|
3188
|
-
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
|
3189
|
-
|
3190
|
-
@-webkit-keyframes wiggle {
|
3191
|
-
0% { -webkit-transform: skewX(9deg); }
|
3192
|
-
10% { -webkit-transform: skewX(-8deg); }
|
3193
|
-
20% { -webkit-transform: skewX(7deg); }
|
3194
|
-
30% { -webkit-transform: skewX(-6deg); }
|
3195
|
-
40% { -webkit-transform: skewX(5deg); }
|
3196
|
-
50% { -webkit-transform: skewX(-4deg); }
|
3197
|
-
60% { -webkit-transform: skewX(3deg); }
|
3198
|
-
70% { -webkit-transform: skewX(-2deg); }
|
3199
|
-
80% { -webkit-transform: skewX(1deg); }
|
3200
|
-
90% { -webkit-transform: skewX(0deg); }
|
3201
|
-
100% { -webkit-transform: skewX(0deg); }
|
3202
|
-
}
|
3203
|
-
|
3204
|
-
@-moz-keyframes wiggle {
|
3205
|
-
0% { -moz-transform: skewX(9deg); }
|
3206
|
-
10% { -moz-transform: skewX(-8deg); }
|
3207
|
-
20% { -moz-transform: skewX(7deg); }
|
3208
|
-
30% { -moz-transform: skewX(-6deg); }
|
3209
|
-
40% { -moz-transform: skewX(5deg); }
|
3210
|
-
50% { -moz-transform: skewX(-4deg); }
|
3211
|
-
60% { -moz-transform: skewX(3deg); }
|
3212
|
-
70% { -moz-transform: skewX(-2deg); }
|
3213
|
-
80% { -moz-transform: skewX(1deg); }
|
3214
|
-
90% { -moz-transform: skewX(0deg); }
|
3215
|
-
100% { -moz-transform: skewX(0deg); }
|
3216
|
-
}
|
3217
|
-
|
3218
|
-
@-o-keyframes wiggle {
|
3219
|
-
0% { -o-transform: skewX(9deg); }
|
3220
|
-
10% { -o-transform: skewX(-8deg); }
|
3221
|
-
20% { -o-transform: skewX(7deg); }
|
3222
|
-
30% { -o-transform: skewX(-6deg); }
|
3223
|
-
40% { -o-transform: skewX(5deg); }
|
3224
|
-
50% { -o-transform: skewX(-4deg); }
|
3225
|
-
60% { -o-transform: skewX(3deg); }
|
3226
|
-
70% { -o-transform: skewX(-2deg); }
|
3227
|
-
80% { -o-transform: skewX(1deg); }
|
3228
|
-
90% { -o-transform: skewX(0deg); }
|
3229
|
-
100% { -o-transform: skewX(0deg); }
|
3230
|
-
}
|
3231
|
-
|
3232
|
-
@keyframes wiggle {
|
3233
|
-
0% { transform: skewX(9deg); }
|
3234
|
-
10% { transform: skewX(-8deg); }
|
3235
|
-
20% { transform: skewX(7deg); }
|
3236
|
-
30% { transform: skewX(-6deg); }
|
3237
|
-
40% { transform: skewX(5deg); }
|
3238
|
-
50% { transform: skewX(-4deg); }
|
3239
|
-
60% { transform: skewX(3deg); }
|
3240
|
-
70% { transform: skewX(-2deg); }
|
3241
|
-
80% { transform: skewX(1deg); }
|
3242
|
-
90% { transform: skewX(0deg); }
|
3243
|
-
100% { transform: skewX(0deg); }
|
3244
|
-
}
|
3245
|
-
|
3246
|
-
.animated.wiggle {
|
3247
|
-
-webkit-animation-name: wiggle;
|
3248
|
-
-moz-animation-name: wiggle;
|
3249
|
-
-o-animation-name: wiggle;
|
3250
|
-
animation-name: wiggle;
|
3251
|
-
|
3252
|
-
-webkit-animation-timing-function: ease-in;
|
3253
|
-
-moz-animation-timing-function: ease-in;
|
3254
|
-
-o-animation-timing-function: ease-in;
|
3255
|
-
animation-timing-function: ease-in;
|
3256
|
-
}
|
3257
|
-
|
3258
|
-
.animated.wiggle {
|
3259
|
-
-webkit-animation-duration: 0.75s;
|
3260
|
-
-moz-animation-duration: 0.75s;
|
3261
|
-
-o-animation-duration: 0.75s;
|
3262
|
-
animation-duration: 0.75s;
|
3263
3492
|
}
|