|
1 /* |
|
2 * Animations |
|
3 */ |
|
4 |
|
5 @-webkit-keyframes flash { |
|
6 0%, 100%, 50% { |
|
7 opacity: 1; |
|
8 } |
|
9 25%, 75% { |
|
10 opacity: 0; |
|
11 } |
|
12 } |
|
13 @keyframes flash { |
|
14 0%, 100%, 50% { |
|
15 opacity: 1; |
|
16 } |
|
17 |
|
18 25%, 75% { |
|
19 opacity: 0; |
|
20 } |
|
21 } |
|
22 |
|
23 @-webkit-keyframes shake { |
|
24 0%, 100% { |
|
25 -webkit-transform: translateX(0); |
|
26 } |
|
27 10%, 30%, 50%, 70%, 90% { |
|
28 -webkit-transform: translateX(-10px); |
|
29 } |
|
30 20%, 40%, 60%, 80% { |
|
31 -webkit-transform: translateX(10px); |
|
32 } |
|
33 } |
|
34 @keyframes shake { |
|
35 0%, 100% { |
|
36 -webkit-transform: translateX(0); |
|
37 -ms-transform: translateX(0); |
|
38 transform: translateX(0); |
|
39 } |
|
40 10%, 30%, 50%, 70%, 90% { |
|
41 -webkit-transform: translateX(-10px); |
|
42 -ms-transform: translateX(-10px); |
|
43 transform: translateX(-10px); |
|
44 } |
|
45 20%, 40%, 60%, 80% { |
|
46 -webkit-transform: translateX(10px); |
|
47 -ms-transform: translateX(10px); |
|
48 transform: translateX(10px); |
|
49 } |
|
50 } |
|
51 |
|
52 @-webkit-keyframes bounce { |
|
53 0%, 100%, 20%, 50%, 80% { |
|
54 -webkit-transform: translateY(0); |
|
55 } |
|
56 40% { |
|
57 -webkit-transform: translateY(-30px); |
|
58 } |
|
59 60% { |
|
60 -webkit-transform: translateY(-15px); |
|
61 } |
|
62 } |
|
63 @keyframes bounce { |
|
64 0%, 100%, 20%, 50%, 80% { |
|
65 -webkit-transform: translateY(0); |
|
66 -ms-transform: translateY(0); |
|
67 transform: translateY(0); |
|
68 } |
|
69 40% { |
|
70 -webkit-transform: translateY(-30px); |
|
71 -ms-transform: translateY(-30px); |
|
72 transform: translateY(-30px); |
|
73 } |
|
74 60% { |
|
75 -webkit-transform: translateY(-15px); |
|
76 -ms-transform: translateY(-15px); |
|
77 transform: translateY(-15px); |
|
78 } |
|
79 } |
|
80 |
|
81 @-webkit-keyframes tada { |
|
82 0% { |
|
83 -webkit-transform: scale(1); |
|
84 } |
|
85 10%, 20% { |
|
86 -webkit-transform: scale(.9) rotate(-3deg); |
|
87 } |
|
88 30%, 50%, 70%, 90% { |
|
89 -webkit-transform: scale(1.1) rotate(3deg); |
|
90 } |
|
91 40%, 60%, 80% { |
|
92 -webkit-transform: scale(1.1) rotate(-3deg); |
|
93 } |
|
94 100% { |
|
95 -webkit-transform: scale(1) rotate(0); |
|
96 } |
|
97 } |
|
98 @keyframes tada { |
|
99 0% { |
|
100 -webkit-transform: scale(1); |
|
101 -ms-transform: scale(1); |
|
102 transform: scale(1); |
|
103 } |
|
104 10%, 20% { |
|
105 -webkit-transform: scale(.9) rotate(-3deg); |
|
106 -ms-transform: scale(.9) rotate(-3deg); |
|
107 transform: scale(.9) rotate(-3deg); |
|
108 } |
|
109 30%, 50%, 70%, 90% { |
|
110 -webkit-transform: scale(1.1) rotate(3deg); |
|
111 -ms-transform: scale(1.1) rotate(3deg); |
|
112 transform: scale(1.1) rotate(3deg); |
|
113 } |
|
114 40%, 60%, 80% { |
|
115 -webkit-transform: scale(1.1) rotate(-3deg); |
|
116 -ms-transform: scale(1.1) rotate(-3deg); |
|
117 transform: scale(1.1) rotate(-3deg); |
|
118 } |
|
119 100% { |
|
120 -webkit-transform: scale(1) rotate(0); |
|
121 -ms-transform: scale(1) rotate(0); |
|
122 transform: scale(1) rotate(0); |
|
123 } |
|
124 } |
|
125 |
|
126 @-webkit-keyframes swing { |
|
127 100%, 20%, 40%, 60%, 80% { |
|
128 -webkit-transform-origin: top center; |
|
129 } |
|
130 20% { |
|
131 -webkit-transform: rotate(15deg); |
|
132 } |
|
133 40% { |
|
134 -webkit-transform: rotate(-10deg); |
|
135 } |
|
136 60% { |
|
137 -webkit-transform: rotate(5deg); |
|
138 } |
|
139 80% { |
|
140 -webkit-transform: rotate(-5deg); |
|
141 } |
|
142 100% { |
|
143 -webkit-transform: rotate(0deg); |
|
144 } |
|
145 } |
|
146 @keyframes swing { |
|
147 20% { |
|
148 -webkit-transform: rotate(15deg); |
|
149 -ms-transform: rotate(15deg); |
|
150 transform: rotate(15deg); |
|
151 } |
|
152 40% { |
|
153 -webkit-transform: rotate(-10deg); |
|
154 -ms-transform: rotate(-10deg); |
|
155 transform: rotate(-10deg); |
|
156 } |
|
157 60% { |
|
158 -webkit-transform: rotate(5deg); |
|
159 -ms-transform: rotate(5deg); |
|
160 transform: rotate(5deg); |
|
161 } |
|
162 80% { |
|
163 -webkit-transform: rotate(-5deg); |
|
164 -ms-transform: rotate(-5deg); |
|
165 transform: rotate(-5deg); |
|
166 } |
|
167 100% { |
|
168 -webkit-transform: rotate(0deg); |
|
169 -ms-transform: rotate(0deg); |
|
170 transform: rotate(0deg); |
|
171 } |
|
172 } |
|
173 |
|
174 @-webkit-keyframes wobble { |
|
175 0% { |
|
176 -webkit-transform: translateX(0); |
|
177 } |
|
178 15% { |
|
179 -webkit-transform: translateX(-25%) rotate(-5deg); |
|
180 } |
|
181 30% { |
|
182 -webkit-transform: translateX(20%) rotate(3deg); |
|
183 } |
|
184 45% { |
|
185 -webkit-transform: translateX(-15%) rotate(-3deg); |
|
186 } |
|
187 60% { |
|
188 -webkit-transform: translateX(10%) rotate(2deg); |
|
189 } |
|
190 75% { |
|
191 -webkit-transform: translateX(-5%) rotate(-1deg); |
|
192 } |
|
193 100% { |
|
194 -webkit-transform: translateX(0); |
|
195 } |
|
196 } |
|
197 @keyframes wobble { |
|
198 0% { |
|
199 -webkit-transform: translateX(0); |
|
200 -ms-transform: translateX(0); |
|
201 transform: translateX(0); |
|
202 } |
|
203 15% { |
|
204 -webkit-transform: translateX(-25%) rotate(-5deg); |
|
205 -ms-transform: translateX(-25%) rotate(-5deg); |
|
206 transform: translateX(-25%) rotate(-5deg); |
|
207 } |
|
208 30% { |
|
209 -webkit-transform: translateX(20%) rotate(3deg); |
|
210 -ms-transform: translateX(20%) rotate(3deg); |
|
211 transform: translateX(20%) rotate(3deg); |
|
212 } |
|
213 45% { |
|
214 -webkit-transform: translateX(-15%) rotate(-3deg); |
|
215 -ms-transform: translateX(-15%) rotate(-3deg); |
|
216 transform: translateX(-15%) rotate(-3deg); |
|
217 } |
|
218 60% { |
|
219 -webkit-transform: translateX(10%) rotate(2deg); |
|
220 -ms-transform: translateX(10%) rotate(2deg); |
|
221 transform: translateX(10%) rotate(2deg); |
|
222 } |
|
223 75% { |
|
224 -webkit-transform: translateX(-5%) rotate(-1deg); |
|
225 -ms-transform: translateX(-5%) rotate(-1deg); |
|
226 transform: translateX(-5%) rotate(-1deg); |
|
227 } |
|
228 100% { |
|
229 -webkit-transform: translateX(0); |
|
230 -ms-transform: translateX(0); |
|
231 transform: translateX(0); |
|
232 } |
|
233 } |
|
234 |
|
235 @-webkit-keyframes pulse { |
|
236 0% { |
|
237 -webkit-transform: scale(1); |
|
238 } |
|
239 50% { |
|
240 -webkit-transform: scale(1.1); |
|
241 } |
|
242 100% { |
|
243 -webkit-transform: scale(1); |
|
244 } |
|
245 } |
|
246 @keyframes pulse { |
|
247 0% { |
|
248 -webkit-transform: scale(1); |
|
249 -ms-transform: scale(1); |
|
250 transform: scale(1); |
|
251 } |
|
252 50% { |
|
253 -webkit-transform: scale(1.1); |
|
254 -ms-transform: scale(1.1); |
|
255 transform: scale(1.1); |
|
256 } |
|
257 100% { |
|
258 -webkit-transform: scale(1); |
|
259 -ms-transform: scale(1); |
|
260 transform: scale(1); |
|
261 } |
|
262 } |
|
263 |
|
264 @-webkit-keyframes flip { |
|
265 0% { |
|
266 -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); |
|
267 -webkit-animation-timing-function: ease-out; |
|
268 } |
|
269 40% { |
|
270 -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); |
|
271 -webkit-animation-timing-function: ease-out; |
|
272 } |
|
273 50% { |
|
274 -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); |
|
275 -webkit-animation-timing-function: ease-in; |
|
276 } |
|
277 80% { |
|
278 -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); |
|
279 -webkit-animation-timing-function: ease-in; |
|
280 } |
|
281 100% { |
|
282 -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); |
|
283 -webkit-animation-timing-function: ease-in; |
|
284 } |
|
285 } |
|
286 @keyframes flip { |
|
287 0% { |
|
288 -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); |
|
289 -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); |
|
290 transform: perspective(400px) translateZ(0) rotateY(0) scale(1); |
|
291 -webkit-animation-timing-function: ease-out; |
|
292 animation-timing-function: ease-out; |
|
293 } |
|
294 40% { |
|
295 -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); |
|
296 -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); |
|
297 transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); |
|
298 -webkit-animation-timing-function: ease-out; |
|
299 animation-timing-function: ease-out; |
|
300 } |
|
301 50% { |
|
302 -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); |
|
303 -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); |
|
304 transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); |
|
305 -webkit-animation-timing-function: ease-in; |
|
306 animation-timing-function: ease-in; |
|
307 } |
|
308 80% { |
|
309 -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); |
|
310 -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); |
|
311 transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); |
|
312 -webkit-animation-timing-function: ease-in; |
|
313 animation-timing-function: ease-in; |
|
314 } |
|
315 100% { |
|
316 -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); |
|
317 -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); |
|
318 transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); |
|
319 -webkit-animation-timing-function: ease-in; |
|
320 animation-timing-function: ease-in; |
|
321 } |
|
322 } |
|
323 |
|
324 @-webkit-keyframes flipInX { |
|
325 0% { |
|
326 -webkit-transform: perspective(400px) rotateX(90deg); |
|
327 opacity: 0; |
|
328 } |
|
329 40% { |
|
330 -webkit-transform: perspective(400px) rotateX(-10deg); |
|
331 } |
|
332 70% { |
|
333 -webkit-transform: perspective(400px) rotateX(10deg); |
|
334 } |
|
335 100% { |
|
336 -webkit-transform: perspective(400px) rotateX(0deg); |
|
337 opacity: 1; |
|
338 } |
|
339 } |
|
340 @keyframes flipInX { |
|
341 0% { |
|
342 -webkit-transform: perspective(400px) rotateX(90deg); |
|
343 -ms-transform: perspective(400px) rotateX(90deg); |
|
344 transform: perspective(400px) rotateX(90deg); |
|
345 opacity: 0; |
|
346 } |
|
347 40% { |
|
348 -webkit-transform: perspective(400px) rotateX(-10deg); |
|
349 -ms-transform: perspective(400px) rotateX(-10deg); |
|
350 transform: perspective(400px) rotateX(-10deg); |
|
351 } |
|
352 70% { |
|
353 -webkit-transform: perspective(400px) rotateX(10deg); |
|
354 -ms-transform: perspective(400px) rotateX(10deg); |
|
355 transform: perspective(400px) rotateX(10deg); |
|
356 } |
|
357 100% { |
|
358 -webkit-transform: perspective(400px) rotateX(0deg); |
|
359 -ms-transform: perspective(400px) rotateX(0deg); |
|
360 transform: perspective(400px) rotateX(0deg); |
|
361 opacity: 1; |
|
362 } |
|
363 } |
|
364 |
|
365 @-webkit-keyframes flipOutX { |
|
366 0% { |
|
367 -webkit-transform: perspective(400px) rotateX(0deg); |
|
368 opacity: 1; |
|
369 } |
|
370 100% { |
|
371 -webkit-transform: perspective(400px) rotateX(90deg); |
|
372 opacity: 0; |
|
373 } |
|
374 } |
|
375 @keyframes flipOutX { |
|
376 0% { |
|
377 -webkit-transform: perspective(400px) rotateX(0deg); |
|
378 -ms-transform: perspective(400px) rotateX(0deg); |
|
379 transform: perspective(400px) rotateX(0deg); |
|
380 opacity: 1; |
|
381 } |
|
382 100% { |
|
383 -webkit-transform: perspective(400px) rotateX(90deg); |
|
384 -ms-transform: perspective(400px) rotateX(90deg); |
|
385 transform: perspective(400px) rotateX(90deg); |
|
386 opacity: 0; |
|
387 } |
|
388 } |
|
389 |
|
390 @-webkit-keyframes flipInY { |
|
391 0% { |
|
392 -webkit-transform: perspective(400px) rotateY(90deg); |
|
393 opacity: 0; |
|
394 } |
|
395 40% { |
|
396 -webkit-transform: perspective(400px) rotateY(-10deg); |
|
397 } |
|
398 70% { |
|
399 -webkit-transform: perspective(400px) rotateY(10deg); |
|
400 } |
|
401 100% { |
|
402 -webkit-transform: perspective(400px) rotateY(0deg); |
|
403 opacity: 1; |
|
404 } |
|
405 } |
|
406 @keyframes flipInY { |
|
407 0% { |
|
408 -webkit-transform: perspective(400px) rotateY(90deg); |
|
409 -ms-transform: perspective(400px) rotateY(90deg); |
|
410 transform: perspective(400px) rotateY(90deg); |
|
411 opacity: 0; |
|
412 } |
|
413 40% { |
|
414 -webkit-transform: perspective(400px) rotateY(-10deg); |
|
415 -ms-transform: perspective(400px) rotateY(-10deg); |
|
416 transform: perspective(400px) rotateY(-10deg); |
|
417 } |
|
418 70% { |
|
419 -webkit-transform: perspective(400px) rotateY(10deg); |
|
420 -ms-transform: perspective(400px) rotateY(10deg); |
|
421 transform: perspective(400px) rotateY(10deg); |
|
422 } |
|
423 100% { |
|
424 -webkit-transform: perspective(400px) rotateY(0deg); |
|
425 -ms-transform: perspective(400px) rotateY(0deg); |
|
426 transform: perspective(400px) rotateY(0deg); |
|
427 opacity: 1; |
|
428 } |
|
429 } |
|
430 |
|
431 @-webkit-keyframes flipOutY { |
|
432 0% { |
|
433 -webkit-transform: perspective(400px) rotateY(0deg); |
|
434 opacity: 1; |
|
435 } |
|
436 100% { |
|
437 -webkit-transform: perspective(400px) rotateY(90deg); |
|
438 opacity: 0; |
|
439 } |
|
440 } |
|
441 @keyframes flipOutY { |
|
442 0% { |
|
443 -webkit-transform: perspective(400px) rotateY(0deg); |
|
444 -ms-transform: perspective(400px) rotateY(0deg); |
|
445 transform: perspective(400px) rotateY(0deg); |
|
446 opacity: 1; |
|
447 } |
|
448 100% { |
|
449 -webkit-transform: perspective(400px) rotateY(90deg); |
|
450 -ms-transform: perspective(400px) rotateY(90deg); |
|
451 transform: perspective(400px) rotateY(90deg); |
|
452 opacity: 0; |
|
453 } |
|
454 } |
|
455 |
|
456 @-webkit-keyframes fadeIn { |
|
457 0% { |
|
458 opacity: 0; |
|
459 } |
|
460 100% { |
|
461 opacity: 1; |
|
462 } |
|
463 } |
|
464 @keyframes fadeIn { |
|
465 0% { |
|
466 opacity: 0; |
|
467 } |
|
468 100% { |
|
469 opacity: 1; |
|
470 } |
|
471 } |
|
472 |
|
473 @-webkit-keyframes fadeInUp { |
|
474 0% { |
|
475 opacity: 0; |
|
476 -webkit-transform: translateY(20px); |
|
477 } |
|
478 100% { |
|
479 opacity: 1; |
|
480 -webkit-transform: translateY(0); |
|
481 } |
|
482 } |
|
483 @keyframes fadeInUp { |
|
484 0% { |
|
485 opacity: 0; |
|
486 -webkit-transform: translateY(20px); |
|
487 -ms-transform: translateY(20px); |
|
488 transform: translateY(20px); |
|
489 } |
|
490 100% { |
|
491 opacity: 1; |
|
492 -webkit-transform: translateY(0); |
|
493 -ms-transform: translateY(0); |
|
494 transform: translateY(0); |
|
495 } |
|
496 } |
|
497 |
|
498 @-webkit-keyframes fadeInDown { |
|
499 0% { |
|
500 opacity: 0; |
|
501 -webkit-transform: translateY(-20px); |
|
502 } |
|
503 100% { |
|
504 opacity: 1; |
|
505 -webkit-transform: translateY(0); |
|
506 } |
|
507 } |
|
508 @keyframes fadeInDown { |
|
509 0% { |
|
510 opacity: 0; |
|
511 -webkit-transform: translateY(-20px); |
|
512 -ms-transform: translateY(-20px); |
|
513 transform: translateY(-20px); |
|
514 } |
|
515 100% { |
|
516 opacity: 1; |
|
517 -webkit-transform: translateY(0); |
|
518 -ms-transform: translateY(0); |
|
519 transform: translateY(0); |
|
520 } |
|
521 } |
|
522 |
|
523 @-webkit-keyframes fadeInLeft { |
|
524 0% { |
|
525 opacity: 0; |
|
526 -webkit-transform: translateX(-20px); |
|
527 } |
|
528 100% { |
|
529 opacity: 1; |
|
530 -webkit-transform: translateX(0); |
|
531 } |
|
532 } |
|
533 @keyframes fadeInLeft { |
|
534 0% { |
|
535 opacity: 0; |
|
536 -webkit-transform: translateX(-20px); |
|
537 -ms-transform: translateX(-20px); |
|
538 transform: translateX(-20px); |
|
539 } |
|
540 100% { |
|
541 opacity: 1; |
|
542 -webkit-transform: translateX(0); |
|
543 -ms-transform: translateX(0); |
|
544 transform: translateX(0); |
|
545 } |
|
546 } |
|
547 |
|
548 @-webkit-keyframes fadeInRight { |
|
549 0% { |
|
550 opacity: 0; |
|
551 -webkit-transform: translateX(20px); |
|
552 } |
|
553 100% { |
|
554 opacity: 1; |
|
555 -webkit-transform: translateX(0); |
|
556 } |
|
557 } |
|
558 @keyframes fadeInRight { |
|
559 0% { |
|
560 opacity: 0; |
|
561 -webkit-transform: translateX(20px); |
|
562 -ms-transform: translateX(20px); |
|
563 transform: translateX(20px); |
|
564 } |
|
565 100% { |
|
566 opacity: 1; |
|
567 -webkit-transform: translateX(0); |
|
568 -ms-transform: translateX(0); |
|
569 transform: translateX(0); |
|
570 } |
|
571 } |
|
572 |
|
573 @-webkit-keyframes fadeInUpBig { |
|
574 0% { |
|
575 opacity: 0; |
|
576 -webkit-transform: translateY(2000px); |
|
577 } |
|
578 100% { |
|
579 opacity: 1; |
|
580 -webkit-transform: translateY(0); |
|
581 } |
|
582 } |
|
583 @keyframes fadeInUpBig { |
|
584 0% { |
|
585 opacity: 0; |
|
586 -webkit-transform: translateY(2000px); |
|
587 -ms-transform: translateY(2000px); |
|
588 transform: translateY(2000px); |
|
589 } |
|
590 100% { |
|
591 opacity: 1; |
|
592 -webkit-transform: translateY(0); |
|
593 -ms-transform: translateY(0); |
|
594 transform: translateY(0); |
|
595 } |
|
596 } |
|
597 |
|
598 @-webkit-keyframes fadeInDownBig { |
|
599 0% { |
|
600 opacity: 0; |
|
601 -webkit-transform: translateY(-2000px); |
|
602 } |
|
603 100% { |
|
604 opacity: 1; |
|
605 -webkit-transform: translateY(0); |
|
606 } |
|
607 } |
|
608 @keyframes fadeInDownBig { |
|
609 0% { |
|
610 opacity: 0; |
|
611 -webkit-transform: translateY(-2000px); |
|
612 -ms-transform: translateY(-2000px); |
|
613 transform: translateY(-2000px); |
|
614 } |
|
615 100% { |
|
616 opacity: 1; |
|
617 -webkit-transform: translateY(0); |
|
618 -ms-transform: translateY(0); |
|
619 transform: translateY(0); |
|
620 } |
|
621 } |
|
622 |
|
623 @-webkit-keyframes fadeInLeftBig { |
|
624 0% { |
|
625 opacity: 0; |
|
626 -webkit-transform: translateX(-2000px); |
|
627 } |
|
628 100% { |
|
629 opacity: 1; |
|
630 -webkit-transform: translateX(0); |
|
631 } |
|
632 } |
|
633 @keyframes fadeInLeftBig { |
|
634 0% { |
|
635 opacity: 0; |
|
636 -webkit-transform: translateX(-2000px); |
|
637 -ms-transform: translateX(-2000px); |
|
638 transform: translateX(-2000px); |
|
639 } |
|
640 100% { |
|
641 opacity: 1; |
|
642 -webkit-transform: translateX(0); |
|
643 -ms-transform: translateX(0); |
|
644 transform: translateX(0); |
|
645 } |
|
646 } |
|
647 |
|
648 @-webkit-keyframes fadeInRightBig { |
|
649 0% { |
|
650 opacity: 0; |
|
651 -webkit-transform: translateX(2000px); |
|
652 } |
|
653 100% { |
|
654 opacity: 1; |
|
655 -webkit-transform: translateX(0); |
|
656 } |
|
657 } |
|
658 @keyframes fadeInRightBig { |
|
659 0% { |
|
660 opacity: 0; |
|
661 -webkit-transform: translateX(2000px); |
|
662 -ms-transform: translateX(2000px); |
|
663 transform: translateX(2000px); |
|
664 } |
|
665 100% { |
|
666 opacity: 1; |
|
667 -webkit-transform: translateX(0); |
|
668 -ms-transform: translateX(0); |
|
669 transform: translateX(0); |
|
670 } |
|
671 } |
|
672 |
|
673 @-webkit-keyframes fadeOut { |
|
674 0% { |
|
675 opacity: 1; |
|
676 } |
|
677 100% { |
|
678 opacity: 0; |
|
679 } |
|
680 } |
|
681 @keyframes fadeOut { |
|
682 0% { |
|
683 opacity: 1; |
|
684 } |
|
685 100% { |
|
686 opacity: 0; |
|
687 } |
|
688 } |
|
689 |
|
690 @-webkit-keyframes fadeOutUp { |
|
691 0% { |
|
692 opacity: 1; |
|
693 -webkit-transform: translateY(0); |
|
694 } |
|
695 100% { |
|
696 opacity: 0; |
|
697 -webkit-transform: translateY(-20px); |
|
698 } |
|
699 } |
|
700 @keyframes fadeOutUp { |
|
701 0% { |
|
702 opacity: 1; |
|
703 -webkit-transform: translateY(0); |
|
704 -ms-transform: translateY(0); |
|
705 transform: translateY(0); |
|
706 } |
|
707 100% { |
|
708 opacity: 0; |
|
709 -webkit-transform: translateY(-20px); |
|
710 -ms-transform: translateY(-20px); |
|
711 transform: translateY(-20px); |
|
712 } |
|
713 } |
|
714 |
|
715 @-webkit-keyframes fadeOutDown { |
|
716 0% { |
|
717 opacity: 1; |
|
718 -webkit-transform: translateY(0); |
|
719 } |
|
720 100% { |
|
721 opacity: 0; |
|
722 -webkit-transform: translateY(20px); |
|
723 } |
|
724 } |
|
725 @keyframes fadeOutDown { |
|
726 0% { |
|
727 opacity: 1; |
|
728 -webkit-transform: translateY(0); |
|
729 -ms-transform: translateY(0); |
|
730 transform: translateY(0); |
|
731 } |
|
732 100% { |
|
733 opacity: 0; |
|
734 -webkit-transform: translateY(20px); |
|
735 -ms-transform: translateY(20px); |
|
736 transform: translateY(20px); |
|
737 } |
|
738 } |
|
739 |
|
740 |
|
741 @-webkit-keyframes fadeOutLeft { |
|
742 0% { |
|
743 opacity: 1; |
|
744 -webkit-transform: translateX(0); |
|
745 } |
|
746 100% { |
|
747 opacity: 0; |
|
748 -webkit-transform: translateX(-20px); |
|
749 } |
|
750 } |
|
751 @keyframes fadeOutLeft { |
|
752 0% { |
|
753 opacity: 1; |
|
754 -webkit-transform: translateX(0); |
|
755 -ms-transform: translateX(0); |
|
756 transform: translateX(0); |
|
757 } |
|
758 100% { |
|
759 opacity: 0; |
|
760 -webkit-transform: translateX(-20px); |
|
761 -ms-transform: translateX(-20px); |
|
762 transform: translateX(-20px); |
|
763 } |
|
764 } |
|
765 |
|
766 @-webkit-keyframes fadeOutRight { |
|
767 0% { |
|
768 opacity: 1; |
|
769 -webkit-transform: translateX(0); |
|
770 } |
|
771 100% { |
|
772 opacity: 0; |
|
773 -webkit-transform: translateX(20px); |
|
774 } |
|
775 } |
|
776 @keyframes fadeOutRight { |
|
777 0% { |
|
778 opacity: 1; |
|
779 -webkit-transform: translateX(0); |
|
780 -ms-transform: translateX(0); |
|
781 transform: translateX(0); |
|
782 } |
|
783 100% { |
|
784 opacity: 0; |
|
785 -webkit-transform: translateX(20px); |
|
786 -ms-transform: translateX(20px); |
|
787 transform: translateX(20px); |
|
788 } |
|
789 } |
|
790 |
|
791 @-webkit-keyframes fadeOutUpBig { |
|
792 0% { |
|
793 opacity: 1; |
|
794 -webkit-transform: translateY(0); |
|
795 } |
|
796 100% { |
|
797 opacity: 0; |
|
798 -webkit-transform: translateY(-2000px); |
|
799 } |
|
800 } |
|
801 @keyframes fadeOutUpBig { |
|
802 0% { |
|
803 opacity: 1; |
|
804 -webkit-transform: translateY(0); |
|
805 -ms-transform: translateY(0); |
|
806 transform: translateY(0); |
|
807 } |
|
808 100% { |
|
809 opacity: 0; |
|
810 -webkit-transform: translateY(-2000px); |
|
811 -ms-transform: translateY(-2000px); |
|
812 transform: translateY(-2000px); |
|
813 } |
|
814 } |
|
815 |
|
816 @-webkit-keyframes fadeOutDownBig { |
|
817 0% { |
|
818 opacity: 1; |
|
819 -webkit-transform: translateY(0); |
|
820 } |
|
821 100% { |
|
822 opacity: 0; |
|
823 -webkit-transform: translateY(2000px); |
|
824 } |
|
825 } |
|
826 @keyframes fadeOutDownBig { |
|
827 0% { |
|
828 opacity: 1; |
|
829 -webkit-transform: translateY(0); |
|
830 -ms-transform: translateY(0); |
|
831 transform: translateY(0); |
|
832 } |
|
833 100% { |
|
834 opacity: 0; |
|
835 -webkit-transform: translateY(2000px); |
|
836 -ms-transform: translateY(2000px); |
|
837 transform: translateY(2000px); |
|
838 } |
|
839 } |
|
840 |
|
841 @-webkit-keyframes fadeOutLeftBig { |
|
842 0% { |
|
843 opacity: 1; |
|
844 -webkit-transform: translateX(0); |
|
845 } |
|
846 100% { |
|
847 opacity: 0; |
|
848 -webkit-transform: translateX(-2000px); |
|
849 } |
|
850 } |
|
851 @keyframes fadeOutLeftBig { |
|
852 0% { |
|
853 opacity: 1; |
|
854 -webkit-transform: translateX(0); |
|
855 -ms-transform: translateX(0); |
|
856 transform: translateX(0); |
|
857 } |
|
858 100% { |
|
859 opacity: 0; |
|
860 -webkit-transform: translateX(-2000px); |
|
861 -ms-transform: translateX(-2000px); |
|
862 transform: translateX(-2000px); |
|
863 } |
|
864 } |
|
865 |
|
866 @-webkit-keyframes fadeOutRightBig { |
|
867 0% { |
|
868 opacity: 1; |
|
869 -webkit-transform: translateX(0); |
|
870 } |
|
871 100% { |
|
872 opacity: 0; |
|
873 -webkit-transform: translateX(2000px); |
|
874 } |
|
875 } |
|
876 @keyframes fadeOutRightBig { |
|
877 0% { |
|
878 opacity: 1; |
|
879 -webkit-transform: translateX(0); |
|
880 -ms-transform: translateX(0); |
|
881 transform: translateX(0); |
|
882 } |
|
883 100% { |
|
884 opacity: 0; |
|
885 -webkit-transform: translateX(2000px); |
|
886 -ms-transform: translateX(2000px); |
|
887 transform: translateX(2000px); |
|
888 } |
|
889 } |
|
890 |
|
891 @-webkit-keyframes bounceIn { |
|
892 0% { |
|
893 opacity: 0; |
|
894 -webkit-transform: scale(.3); |
|
895 } |
|
896 50% { |
|
897 opacity: 1; |
|
898 -webkit-transform: scale(1.05); |
|
899 } |
|
900 70% { |
|
901 -webkit-transform: scale(.9); |
|
902 } |
|
903 100% { |
|
904 -webkit-transform: scale(1); |
|
905 } |
|
906 } |
|
907 @keyframes bounceIn { |
|
908 0% { |
|
909 opacity: 0; |
|
910 -webkit-transform: scale(.3); |
|
911 -ms-transform: scale(.3); |
|
912 transform: scale(.3); |
|
913 } |
|
914 50% { |
|
915 opacity: 1; |
|
916 -webkit-transform: scale(1.05); |
|
917 -ms-transform: scale(1.05); |
|
918 transform: scale(1.05); |
|
919 } |
|
920 70% { |
|
921 -webkit-transform: scale(.9); |
|
922 -ms-transform: scale(.9); |
|
923 transform: scale(.9); |
|
924 } |
|
925 100% { |
|
926 -webkit-transform: scale(1); |
|
927 -ms-transform: scale(1); |
|
928 transform: scale(1); |
|
929 } |
|
930 } |
|
931 |
|
932 @-webkit-keyframes slideInDown { |
|
933 0% { |
|
934 opacity: 0; |
|
935 -webkit-transform: translateY(-2000px); |
|
936 } |
|
937 100% { |
|
938 -webkit-transform: translateY(0); |
|
939 } |
|
940 } |
|
941 @keyframes slideInDown { |
|
942 0% { |
|
943 opacity: 0; |
|
944 -webkit-transform: translateY(-2000px); |
|
945 -ms-transform: translateY(-2000px); |
|
946 transform: translateY(-2000px); |
|
947 } |
|
948 100% { |
|
949 -webkit-transform: translateY(0); |
|
950 -ms-transform: translateY(0); |
|
951 transform: translateY(0); |
|
952 } |
|
953 } |
|
954 |
|
955 @-webkit-keyframes slideInLeft { |
|
956 0% { |
|
957 opacity: 0; |
|
958 -webkit-transform: translateX(-2000px); |
|
959 } |
|
960 100% { |
|
961 -webkit-transform: translateX(0); |
|
962 } |
|
963 } |
|
964 @keyframes slideInLeft { |
|
965 0% { |
|
966 opacity: 0; |
|
967 -webkit-transform: translateX(-2000px); |
|
968 -ms-transform: translateX(-2000px); |
|
969 transform: translateX(-2000px); |
|
970 } |
|
971 100% { |
|
972 -webkit-transform: translateX(0); |
|
973 -ms-transform: translateX(0); |
|
974 transform: translateX(0); |
|
975 } |
|
976 } |
|
977 |
|
978 @-webkit-keyframes slideInRight { |
|
979 0% { |
|
980 opacity: 0; |
|
981 -webkit-transform: translateX(2000px); |
|
982 } |
|
983 100% { |
|
984 -webkit-transform: translateX(0); |
|
985 } |
|
986 } |
|
987 @keyframes slideInRight { |
|
988 0% { |
|
989 opacity: 0; |
|
990 -webkit-transform: translateX(2000px); |
|
991 -ms-transform: translateX(2000px); |
|
992 transform: translateX(2000px); |
|
993 } |
|
994 100% { |
|
995 -webkit-transform: translateX(0); |
|
996 -ms-transform: translateX(0); |
|
997 transform: translateX(0); |
|
998 } |
|
999 } |
|
1000 |
|
1001 @-webkit-keyframes slideOutLeft { |
|
1002 0% { |
|
1003 -webkit-transform: translateX(0); |
|
1004 } |
|
1005 100% { |
|
1006 opacity: 0; |
|
1007 -webkit-transform: translateX(-2000px); |
|
1008 } |
|
1009 } |
|
1010 @keyframes slideOutLeft { |
|
1011 0% { |
|
1012 -webkit-transform: translateX(0); |
|
1013 -ms-transform: translateX(0); |
|
1014 transform: translateX(0); |
|
1015 } |
|
1016 100% { |
|
1017 opacity: 0; |
|
1018 -webkit-transform: translateX(-2000px); |
|
1019 -ms-transform: translateX(-2000px); |
|
1020 transform: translateX(-2000px); |
|
1021 } |
|
1022 } |
|
1023 |
|
1024 @-webkit-keyframes slideOutRight { |
|
1025 0% { |
|
1026 -webkit-transform: translateX(0); |
|
1027 } |
|
1028 100% { |
|
1029 opacity: 0; |
|
1030 -webkit-transform: translateX(2000px); |
|
1031 } |
|
1032 } |
|
1033 @keyframes slideOutRight { |
|
1034 0% { |
|
1035 -webkit-transform: translateX(0); |
|
1036 -ms-transform: translateX(0); |
|
1037 transform: translateX(0); |
|
1038 } |
|
1039 100% { |
|
1040 opacity: 0; |
|
1041 -webkit-transform: translateX(2000px); |
|
1042 -ms-transform: translateX(2000px); |
|
1043 transform: translateX(2000px); |
|
1044 } |
|
1045 } |
|
1046 |
|
1047 @-webkit-keyframes slideOutUp { |
|
1048 0% { |
|
1049 -webkit-transform: translateY(0); |
|
1050 } |
|
1051 100% { |
|
1052 opacity: 0; |
|
1053 -webkit-transform: translateY(-2000px); |
|
1054 } |
|
1055 } |
|
1056 @keyframes slideOutUp { |
|
1057 0% { |
|
1058 -webkit-transform: translateY(0); |
|
1059 -ms-transform: translateY(0); |
|
1060 transform: translateY(0); |
|
1061 } |
|
1062 100% { |
|
1063 opacity: 0; |
|
1064 -webkit-transform: translateY(-2000px); |
|
1065 -ms-transform: translateY(-2000px); |
|
1066 transform: translateY(-2000px); |
|
1067 } |
|
1068 } |
|
1069 |
|
1070 @-webkit-keyframes bounceInUp { |
|
1071 0% { |
|
1072 opacity: 0; |
|
1073 -webkit-transform: translateY(2000px); |
|
1074 } |
|
1075 60% { |
|
1076 opacity: 1; |
|
1077 -webkit-transform: translateY(-30px); |
|
1078 } |
|
1079 80% { |
|
1080 -webkit-transform: translateY(10px); |
|
1081 } |
|
1082 100% { |
|
1083 -webkit-transform: translateY(0); |
|
1084 } |
|
1085 } |
|
1086 @keyframes bounceInUp { |
|
1087 0% { |
|
1088 opacity: 0; |
|
1089 -webkit-transform: translateY(2000px); |
|
1090 -ms-transform: translateY(2000px); |
|
1091 transform: translateY(2000px); |
|
1092 } |
|
1093 60% { |
|
1094 opacity: 1; |
|
1095 -webkit-transform: translateY(-30px); |
|
1096 -ms-transform: translateY(-30px); |
|
1097 transform: translateY(-30px); |
|
1098 } |
|
1099 80% { |
|
1100 -webkit-transform: translateY(10px); |
|
1101 -ms-transform: translateY(10px); |
|
1102 transform: translateY(10px); |
|
1103 } |
|
1104 100% { |
|
1105 -webkit-transform: translateY(0); |
|
1106 -ms-transform: translateY(0); |
|
1107 transform: translateY(0); |
|
1108 } |
|
1109 } |
|
1110 |
|
1111 @-webkit-keyframes bounceInDown { |
|
1112 0% { |
|
1113 opacity: 0; |
|
1114 -webkit-transform: translateY(-2000px); |
|
1115 } |
|
1116 60% { |
|
1117 opacity: 1; |
|
1118 -webkit-transform: translateY(30px); |
|
1119 } |
|
1120 80% { |
|
1121 -webkit-transform: translateY(-10px); |
|
1122 } |
|
1123 100% { |
|
1124 -webkit-transform: translateY(0); |
|
1125 } |
|
1126 } |
|
1127 @keyframes bounceInDown { |
|
1128 0% { |
|
1129 opacity: 0; |
|
1130 -webkit-transform: translateY(-2000px); |
|
1131 -ms-transform: translateY(-2000px); |
|
1132 transform: translateY(-2000px); |
|
1133 } |
|
1134 60% { |
|
1135 opacity: 1; |
|
1136 -webkit-transform: translateY(30px); |
|
1137 -ms-transform: translateY(30px); |
|
1138 transform: translateY(30px); |
|
1139 } |
|
1140 80% { |
|
1141 -webkit-transform: translateY(-10px); |
|
1142 -ms-transform: translateY(-10px); |
|
1143 transform: translateY(-10px); |
|
1144 } |
|
1145 100% { |
|
1146 -webkit-transform: translateY(0); |
|
1147 -ms-transform: translateY(0); |
|
1148 transform: translateY(0); |
|
1149 } |
|
1150 } |
|
1151 |
|
1152 @-webkit-keyframes bounceInLeft { |
|
1153 0% { |
|
1154 opacity: 0; |
|
1155 -webkit-transform: translateX(-2000px); |
|
1156 } |
|
1157 60% { |
|
1158 opacity: 1; |
|
1159 -webkit-transform: translateX(30px); |
|
1160 } |
|
1161 80% { |
|
1162 -webkit-transform: translateX(-10px); |
|
1163 } |
|
1164 100% { |
|
1165 -webkit-transform: translateX(0); |
|
1166 } |
|
1167 } |
|
1168 @keyframes bounceInLeft { |
|
1169 0% { |
|
1170 opacity: 0; |
|
1171 -webkit-transform: translateX(-2000px); |
|
1172 -ms-transform: translateX(-2000px); |
|
1173 transform: translateX(-2000px); |
|
1174 } |
|
1175 60% { |
|
1176 opacity: 1; |
|
1177 -webkit-transform: translateX(30px); |
|
1178 -ms-transform: translateX(30px); |
|
1179 transform: translateX(30px); |
|
1180 } |
|
1181 80% { |
|
1182 -webkit-transform: translateX(-10px); |
|
1183 -ms-transform: translateX(-10px); |
|
1184 transform: translateX(-10px); |
|
1185 } |
|
1186 100% { |
|
1187 -webkit-transform: translateX(0); |
|
1188 -ms-transform: translateX(0); |
|
1189 transform: translateX(0); |
|
1190 } |
|
1191 } |
|
1192 |
|
1193 @-webkit-keyframes bounceInRight { |
|
1194 0% { |
|
1195 opacity: 0; |
|
1196 -webkit-transform: translateX(2000px); |
|
1197 } |
|
1198 60% { |
|
1199 opacity: 1; |
|
1200 -webkit-transform: translateX(-30px); |
|
1201 } |
|
1202 80% { |
|
1203 -webkit-transform: translateX(10px); |
|
1204 } |
|
1205 100% { |
|
1206 -webkit-transform: translateX(0); |
|
1207 } |
|
1208 } |
|
1209 @keyframes bounceInRight { |
|
1210 0% { |
|
1211 opacity: 0; |
|
1212 -webkit-transform: translateX(2000px); |
|
1213 -ms-transform: translateX(2000px); |
|
1214 transform: translateX(2000px); |
|
1215 } |
|
1216 60% { |
|
1217 opacity: 1; |
|
1218 -webkit-transform: translateX(-30px); |
|
1219 -ms-transform: translateX(-30px); |
|
1220 transform: translateX(-30px); |
|
1221 } |
|
1222 80% { |
|
1223 -webkit-transform: translateX(10px); |
|
1224 -ms-transform: translateX(10px); |
|
1225 transform: translateX(10px); |
|
1226 } |
|
1227 100% { |
|
1228 -webkit-transform: translateX(0); |
|
1229 -ms-transform: translateX(0); |
|
1230 transform: translateX(0); |
|
1231 } |
|
1232 } |
|
1233 |
|
1234 @-webkit-keyframes bounceOut { |
|
1235 0% { |
|
1236 -webkit-transform: scale(1); |
|
1237 } |
|
1238 25% { |
|
1239 -webkit-transform: scale(.95); |
|
1240 } |
|
1241 50% { |
|
1242 opacity: 1; |
|
1243 -webkit-transform: scale(1.1); |
|
1244 } |
|
1245 100% { |
|
1246 opacity: 0; |
|
1247 -webkit-transform: scale(.3); |
|
1248 } |
|
1249 } |
|
1250 @keyframes bounceOut { |
|
1251 0% { |
|
1252 -webkit-transform: scale(1); |
|
1253 -ms-transform: scale(1); |
|
1254 transform: scale(1); |
|
1255 } |
|
1256 25% { |
|
1257 -webkit-transform: scale(.95); |
|
1258 -ms-transform: scale(.95); |
|
1259 transform: scale(.95); |
|
1260 } |
|
1261 50% { |
|
1262 opacity: 1; |
|
1263 -webkit-transform: scale(1.1); |
|
1264 -ms-transform: scale(1.1); |
|
1265 transform: scale(1.1); |
|
1266 } |
|
1267 100% { |
|
1268 opacity: 0; |
|
1269 -webkit-transform: scale(.3); |
|
1270 -ms-transform: scale(.3); |
|
1271 transform: scale(.3); |
|
1272 } |
|
1273 } |
|
1274 |
|
1275 @-webkit-keyframes bounceOutUp { |
|
1276 0% { |
|
1277 -webkit-transform: translateY(0); |
|
1278 } |
|
1279 20% { |
|
1280 opacity: 1; |
|
1281 -webkit-transform: translateY(20px); |
|
1282 } |
|
1283 100% { |
|
1284 opacity: 0; |
|
1285 -webkit-transform: translateY(-2000px); |
|
1286 } |
|
1287 } |
|
1288 @keyframes bounceOutUp { |
|
1289 0% { |
|
1290 -webkit-transform: translateY(0); |
|
1291 -ms-transform: translateY(0); |
|
1292 transform: translateY(0); |
|
1293 } |
|
1294 20% { |
|
1295 opacity: 1; |
|
1296 -webkit-transform: translateY(20px); |
|
1297 -ms-transform: translateY(20px); |
|
1298 transform: translateY(20px); |
|
1299 } |
|
1300 100% { |
|
1301 opacity: 0; |
|
1302 -webkit-transform: translateY(-2000px); |
|
1303 -ms-transform: translateY(-2000px); |
|
1304 transform: translateY(-2000px); |
|
1305 } |
|
1306 } |
|
1307 |
|
1308 @-webkit-keyframes bounceOutDown { |
|
1309 0% { |
|
1310 -webkit-transform: translateY(0); |
|
1311 } |
|
1312 20% { |
|
1313 opacity: 1; |
|
1314 -webkit-transform: translateY(-20px); |
|
1315 } |
|
1316 100% { |
|
1317 opacity: 0; |
|
1318 -webkit-transform: translateY(2000px); |
|
1319 } |
|
1320 } |
|
1321 @keyframes bounceOutDown { |
|
1322 0% { |
|
1323 -webkit-transform: translateY(0); |
|
1324 -ms-transform: translateY(0); |
|
1325 transform: translateY(0); |
|
1326 } |
|
1327 20% { |
|
1328 opacity: 1; |
|
1329 -webkit-transform: translateY(-20px); |
|
1330 -ms-transform: translateY(-20px); |
|
1331 transform: translateY(-20px); |
|
1332 } |
|
1333 100% { |
|
1334 opacity: 0; |
|
1335 -webkit-transform: translateY(2000px); |
|
1336 -ms-transform: translateY(2000px); |
|
1337 transform: translateY(2000px); |
|
1338 } |
|
1339 } |
|
1340 |
|
1341 @-webkit-keyframes bounceOutLeft { |
|
1342 0% { |
|
1343 -webkit-transform: translateX(0); |
|
1344 } |
|
1345 20% { |
|
1346 opacity: 1; |
|
1347 -webkit-transform: translateX(20px); |
|
1348 } |
|
1349 100% { |
|
1350 opacity: 0; |
|
1351 -webkit-transform: translateX(-2000px); |
|
1352 } |
|
1353 } |
|
1354 @keyframes bounceOutLeft { |
|
1355 0% { |
|
1356 -webkit-transform: translateX(0); |
|
1357 -ms-transform: translateX(0); |
|
1358 transform: translateX(0); |
|
1359 } |
|
1360 20% { |
|
1361 opacity: 1; |
|
1362 -webkit-transform: translateX(20px); |
|
1363 -ms-transform: translateX(20px); |
|
1364 transform: translateX(20px); |
|
1365 } |
|
1366 100% { |
|
1367 opacity: 0; |
|
1368 -webkit-transform: translateX(-2000px); |
|
1369 -ms-transform: translateX(-2000px); |
|
1370 transform: translateX(-2000px); |
|
1371 } |
|
1372 } |
|
1373 |
|
1374 @-webkit-keyframes bounceOutRight { |
|
1375 0% { |
|
1376 -webkit-transform: translateX(0); |
|
1377 } |
|
1378 20% { |
|
1379 opacity: 1; |
|
1380 -webkit-transform: translateX(-20px); |
|
1381 } |
|
1382 100% { |
|
1383 opacity: 0; |
|
1384 -webkit-transform: translateX(2000px); |
|
1385 } |
|
1386 } |
|
1387 @keyframes bounceOutRight { |
|
1388 0% { |
|
1389 -webkit-transform: translateX(0); |
|
1390 -ms-transform: translateX(0); |
|
1391 transform: translateX(0); |
|
1392 } |
|
1393 20% { |
|
1394 opacity: 1; |
|
1395 -webkit-transform: translateX(-20px); |
|
1396 -ms-transform: translateX(-20px); |
|
1397 transform: translateX(-20px); |
|
1398 } |
|
1399 100% { |
|
1400 opacity: 0; |
|
1401 -webkit-transform: translateX(2000px); |
|
1402 -ms-transform: translateX(2000px); |
|
1403 transform: translateX(2000px); |
|
1404 } |
|
1405 } |
|
1406 |
|
1407 @-webkit-keyframes rotateIn { |
|
1408 0% { |
|
1409 -webkit-transform-origin: center center; |
|
1410 -webkit-transform: rotate(-200deg); |
|
1411 opacity: 0; |
|
1412 } |
|
1413 100% { |
|
1414 -webkit-transform-origin: center center; |
|
1415 -webkit-transform: rotate(0); |
|
1416 opacity: 1; |
|
1417 } |
|
1418 } |
|
1419 @keyframes rotateIn { |
|
1420 0% { |
|
1421 -webkit-transform-origin: center center; |
|
1422 -ms-transform-origin: center center; |
|
1423 transform-origin: center center; |
|
1424 -webkit-transform: rotate(-200deg); |
|
1425 -ms-transform: rotate(-200deg); |
|
1426 transform: rotate(-200deg); |
|
1427 opacity: 0; |
|
1428 } |
|
1429 100% { |
|
1430 -webkit-transform-origin: center center; |
|
1431 -ms-transform-origin: center center; |
|
1432 transform-origin: center center; |
|
1433 -webkit-transform: rotate(0); |
|
1434 -ms-transform: rotate(0); |
|
1435 transform: rotate(0); |
|
1436 opacity: 1; |
|
1437 } |
|
1438 } |
|
1439 |
|
1440 @-webkit-keyframes rotateInUpLeft { |
|
1441 0% { |
|
1442 -webkit-transform-origin: left bottom; |
|
1443 -webkit-transform: rotate(90deg); |
|
1444 opacity: 0; |
|
1445 } |
|
1446 100% { |
|
1447 -webkit-transform-origin: left bottom; |
|
1448 -webkit-transform: rotate(0); |
|
1449 opacity: 1; |
|
1450 } |
|
1451 } |
|
1452 @keyframes rotateInUpLeft { |
|
1453 0% { |
|
1454 -webkit-transform-origin: left bottom; |
|
1455 -ms-transform-origin: left bottom; |
|
1456 transform-origin: left bottom; |
|
1457 -webkit-transform: rotate(90deg); |
|
1458 -ms-transform: rotate(90deg); |
|
1459 transform: rotate(90deg); |
|
1460 opacity: 0; |
|
1461 } |
|
1462 100% { |
|
1463 -webkit-transform-origin: left bottom; |
|
1464 -ms-transform-origin: left bottom; |
|
1465 transform-origin: left bottom; |
|
1466 -webkit-transform: rotate(0); |
|
1467 -ms-transform: rotate(0); |
|
1468 transform: rotate(0); |
|
1469 opacity: 1; |
|
1470 } |
|
1471 } |
|
1472 |
|
1473 @-webkit-keyframes rotateInDownLeft { |
|
1474 0% { |
|
1475 -webkit-transform-origin: left bottom; |
|
1476 -webkit-transform: rotate(-90deg); |
|
1477 opacity: 0; |
|
1478 } |
|
1479 100% { |
|
1480 -webkit-transform-origin: left bottom; |
|
1481 -webkit-transform: rotate(0); |
|
1482 opacity: 1; |
|
1483 } |
|
1484 } |
|
1485 @keyframes rotateInDownLeft { |
|
1486 0% { |
|
1487 -webkit-transform-origin: left bottom; |
|
1488 -ms-transform-origin: left bottom; |
|
1489 transform-origin: left bottom; |
|
1490 -webkit-transform: rotate(-90deg); |
|
1491 -ms-transform: rotate(-90deg); |
|
1492 transform: rotate(-90deg); |
|
1493 opacity: 0; |
|
1494 } |
|
1495 100% { |
|
1496 -webkit-transform-origin: left bottom; |
|
1497 -ms-transform-origin: left bottom; |
|
1498 transform-origin: left bottom; |
|
1499 -webkit-transform: rotate(0); |
|
1500 -ms-transform: rotate(0); |
|
1501 transform: rotate(0); |
|
1502 opacity: 1; |
|
1503 } |
|
1504 } |
|
1505 |
|
1506 @-webkit-keyframes rotateInUpRight { |
|
1507 0% { |
|
1508 -webkit-transform-origin: right bottom; |
|
1509 -webkit-transform: rotate(-90deg); |
|
1510 opacity: 0; |
|
1511 } |
|
1512 100% { |
|
1513 -webkit-transform-origin: right bottom; |
|
1514 -webkit-transform: rotate(0); |
|
1515 opacity: 1; |
|
1516 } |
|
1517 } |
|
1518 @keyframes rotateInUpRight { |
|
1519 0% { |
|
1520 -webkit-transform-origin: right bottom; |
|
1521 -ms-transform-origin: right bottom; |
|
1522 transform-origin: right bottom; |
|
1523 -webkit-transform: rotate(-90deg); |
|
1524 -ms-transform: rotate(-90deg); |
|
1525 transform: rotate(-90deg); |
|
1526 opacity: 0; |
|
1527 } |
|
1528 100% { |
|
1529 -webkit-transform-origin: right bottom; |
|
1530 -ms-transform-origin: right bottom; |
|
1531 transform-origin: right bottom; |
|
1532 -webkit-transform: rotate(0); |
|
1533 -ms-transform: rotate(0); |
|
1534 transform: rotate(0); |
|
1535 opacity: 1; |
|
1536 } |
|
1537 } |
|
1538 |
|
1539 @-webkit-keyframes rotateInDownRight { |
|
1540 0% { |
|
1541 -webkit-transform-origin: right bottom; |
|
1542 -webkit-transform: rotate(90deg); |
|
1543 opacity: 0; |
|
1544 } |
|
1545 100% { |
|
1546 -webkit-transform-origin: right bottom; |
|
1547 -webkit-transform: rotate(0); |
|
1548 opacity: 1; |
|
1549 } |
|
1550 } |
|
1551 @keyframes rotateInDownRight { |
|
1552 0% { |
|
1553 -webkit-transform-origin: right bottom; |
|
1554 -ms-transform-origin: right bottom; |
|
1555 transform-origin: right bottom; |
|
1556 -webkit-transform: rotate(90deg); |
|
1557 -ms-transform: rotate(90deg); |
|
1558 transform: rotate(90deg); |
|
1559 opacity: 0; |
|
1560 } |
|
1561 100% { |
|
1562 -webkit-transform-origin: right bottom; |
|
1563 -ms-transform-origin: right bottom; |
|
1564 transform-origin: right bottom; |
|
1565 -webkit-transform: rotate(0); |
|
1566 -ms-transform: rotate(0); |
|
1567 transform: rotate(0); |
|
1568 opacity: 1; |
|
1569 } |
|
1570 } |
|
1571 |
|
1572 @-webkit-keyframes rotateOut { |
|
1573 0% { |
|
1574 -webkit-transform-origin: center center; |
|
1575 -webkit-transform: rotate(0); |
|
1576 opacity: 1; |
|
1577 } |
|
1578 100% { |
|
1579 -webkit-transform-origin: center center; |
|
1580 -webkit-transform: rotate(200deg); |
|
1581 opacity: 0; |
|
1582 } |
|
1583 } |
|
1584 @keyframes rotateOut { |
|
1585 0% { |
|
1586 -webkit-transform-origin: center center; |
|
1587 -ms-transform-origin: center center; |
|
1588 transform-origin: center center; |
|
1589 -webkit-transform: rotate(0); |
|
1590 -ms-transform: rotate(0); |
|
1591 transform: rotate(0); |
|
1592 opacity: 1; |
|
1593 } |
|
1594 100% { |
|
1595 -webkit-transform-origin: center center; |
|
1596 -ms-transform-origin: center center; |
|
1597 transform-origin: center center; |
|
1598 -webkit-transform: rotate(200deg); |
|
1599 -ms-transform: rotate(200deg); |
|
1600 transform: rotate(200deg); |
|
1601 opacity: 0; |
|
1602 } |
|
1603 } |
|
1604 |
|
1605 @-webkit-keyframes rotateOutUpLeft { |
|
1606 0% { |
|
1607 -webkit-transform-origin: left bottom; |
|
1608 -webkit-transform: rotate(0); |
|
1609 opacity: 1; |
|
1610 } |
|
1611 100% { |
|
1612 -webkit-transform-origin: left bottom; |
|
1613 -webkit-transform: rotate(-90deg); |
|
1614 opacity: 0; |
|
1615 } |
|
1616 } |
|
1617 @keyframes rotateOutUpLeft { |
|
1618 0% { |
|
1619 -webkit-transform-origin: left bottom; |
|
1620 -ms-transform-origin: left bottom; |
|
1621 transform-origin: left bottom; |
|
1622 -webkit-transform: rotate(0); |
|
1623 -ms-transform: rotate(0); |
|
1624 transform: rotate(0); |
|
1625 opacity: 1; |
|
1626 } |
|
1627 100% { |
|
1628 -webkit-transform-origin: left bottom; |
|
1629 -ms-transform-origin: left bottom; |
|
1630 transform-origin: left bottom; |
|
1631 -webkit-transform: rotate(-90deg); |
|
1632 -ms-transform: rotate(-90deg); |
|
1633 transform: rotate(-90deg); |
|
1634 opacity: 0; |
|
1635 } |
|
1636 } |
|
1637 |
|
1638 @-webkit-keyframes rotateOutDownLeft { |
|
1639 0% { |
|
1640 -webkit-transform-origin: left bottom; |
|
1641 -webkit-transform: rotate(0); |
|
1642 opacity: 1; |
|
1643 } |
|
1644 100% { |
|
1645 -webkit-transform-origin: left bottom; |
|
1646 -webkit-transform: rotate(90deg); |
|
1647 opacity: 0; |
|
1648 } |
|
1649 } |
|
1650 @keyframes rotateOutDownLeft { |
|
1651 0% { |
|
1652 -webkit-transform-origin: left bottom; |
|
1653 -ms-transform-origin: left bottom; |
|
1654 transform-origin: left bottom; |
|
1655 -webkit-transform: rotate(0); |
|
1656 -ms-transform: rotate(0); |
|
1657 transform: rotate(0); |
|
1658 opacity: 1; |
|
1659 } |
|
1660 100% { |
|
1661 -webkit-transform-origin: left bottom; |
|
1662 -ms-transform-origin: left bottom; |
|
1663 transform-origin: left bottom; |
|
1664 -webkit-transform: rotate(90deg); |
|
1665 -ms-transform: rotate(90deg); |
|
1666 transform: rotate(90deg); |
|
1667 opacity: 0; |
|
1668 } |
|
1669 } |
|
1670 |
|
1671 @-webkit-keyframes rotateOutUpRight { |
|
1672 0% { |
|
1673 -webkit-transform-origin: right bottom; |
|
1674 -webkit-transform: rotate(0); |
|
1675 opacity: 1; |
|
1676 } |
|
1677 100% { |
|
1678 -webkit-transform-origin: right bottom; |
|
1679 -webkit-transform: rotate(90deg); |
|
1680 opacity: 0; |
|
1681 } |
|
1682 } |
|
1683 @keyframes rotateOutUpRight { |
|
1684 0% { |
|
1685 -webkit-transform-origin: right bottom; |
|
1686 -ms-transform-origin: right bottom; |
|
1687 transform-origin: right bottom; |
|
1688 -webkit-transform: rotate(0); |
|
1689 -ms-transform: rotate(0); |
|
1690 transform: rotate(0); |
|
1691 opacity: 1; |
|
1692 } |
|
1693 100% { |
|
1694 -webkit-transform-origin: right bottom; |
|
1695 -ms-transform-origin: right bottom; |
|
1696 transform-origin: right bottom; |
|
1697 -webkit-transform: rotate(90deg); |
|
1698 -ms-transform: rotate(90deg); |
|
1699 transform: rotate(90deg); |
|
1700 opacity: 0; |
|
1701 } |
|
1702 } |
|
1703 |
|
1704 @-webkit-keyframes rotateOutDownRight { |
|
1705 0% { |
|
1706 -webkit-transform-origin: right bottom; |
|
1707 -webkit-transform: rotate(0); |
|
1708 opacity: 1; |
|
1709 } |
|
1710 100% { |
|
1711 -webkit-transform-origin: right bottom; |
|
1712 -webkit-transform: rotate(-90deg); |
|
1713 opacity: 0; |
|
1714 } |
|
1715 } |
|
1716 @keyframes rotateOutDownRight { |
|
1717 0% { |
|
1718 -webkit-transform-origin: right bottom; |
|
1719 -ms-transform-origin: right bottom; |
|
1720 transform-origin: right bottom; |
|
1721 -webkit-transform: rotate(0); |
|
1722 -ms-transform: rotate(0); |
|
1723 transform: rotate(0); |
|
1724 opacity: 1; |
|
1725 } |
|
1726 100% { |
|
1727 -webkit-transform-origin: right bottom; |
|
1728 -ms-transform-origin: right bottom; |
|
1729 transform-origin: right bottom; |
|
1730 -webkit-transform: rotate(-90deg); |
|
1731 -ms-transform: rotate(-90deg); |
|
1732 transform: rotate(-90deg); |
|
1733 opacity: 0; |
|
1734 } |
|
1735 } |
|
1736 |
|
1737 @-webkit-keyframes hinge { |
|
1738 0% { |
|
1739 -webkit-transform: rotate(0); |
|
1740 -webkit-transform-origin: top left; |
|
1741 -webkit-animation-timing-function: ease-in-out; |
|
1742 } |
|
1743 20%, 60% { |
|
1744 -webkit-transform: rotate(80deg); |
|
1745 -webkit-transform-origin: top left; |
|
1746 -webkit-animation-timing-function: ease-in-out; |
|
1747 } |
|
1748 40% { |
|
1749 -webkit-transform: rotate(60deg); |
|
1750 -webkit-transform-origin: top left; |
|
1751 -webkit-animation-timing-function: ease-in-out; |
|
1752 } |
|
1753 80% { |
|
1754 -webkit-transform: rotate(60deg) translateY(0); |
|
1755 opacity: 1; |
|
1756 -webkit-transform-origin: top left; |
|
1757 -webkit-animation-timing-function: ease-in-out; |
|
1758 } |
|
1759 100% { |
|
1760 -webkit-transform: translateY(700px); |
|
1761 opacity: 0; |
|
1762 } |
|
1763 } |
|
1764 @keyframes hinge { |
|
1765 0% { |
|
1766 -webkit-transform: rotate(0); |
|
1767 -ms-transform: rotate(0); |
|
1768 transform: rotate(0); |
|
1769 -webkit-transform-origin: top left; |
|
1770 -ms-transform-origin: top left; |
|
1771 transform-origin: top left; |
|
1772 -webkit-animation-timing-function: ease-in-out; |
|
1773 animation-timing-function: ease-in-out; |
|
1774 } |
|
1775 20%, 60% { |
|
1776 -webkit-transform: rotate(80deg); |
|
1777 -ms-transform: rotate(80deg); |
|
1778 transform: rotate(80deg); |
|
1779 -webkit-transform-origin: top left; |
|
1780 -ms-transform-origin: top left; |
|
1781 transform-origin: top left; |
|
1782 -webkit-animation-timing-function: ease-in-out; |
|
1783 animation-timing-function: ease-in-out; |
|
1784 } |
|
1785 40% { |
|
1786 -webkit-transform: rotate(60deg); |
|
1787 -ms-transform: rotate(60deg); |
|
1788 transform: rotate(60deg); |
|
1789 -webkit-transform-origin: top left; |
|
1790 -ms-transform-origin: top left; |
|
1791 transform-origin: top left; |
|
1792 -webkit-animation-timing-function: ease-in-out; |
|
1793 animation-timing-function: ease-in-out; |
|
1794 } |
|
1795 80% { |
|
1796 -webkit-transform: rotate(60deg) translateY(0); |
|
1797 -ms-transform: rotate(60deg) translateY(0); |
|
1798 transform: rotate(60deg) translateY(0); |
|
1799 opacity: 1; |
|
1800 -webkit-transform-origin: top left; |
|
1801 -ms-transform-origin: top left; |
|
1802 transform-origin: top left; |
|
1803 -webkit-animation-timing-function: ease-in-out; |
|
1804 animation-timing-function: ease-in-out; |
|
1805 } |
|
1806 100% { |
|
1807 -webkit-transform: translateY(700px); |
|
1808 -ms-transform: translateY(700px); |
|
1809 transform: translateY(700px); |
|
1810 opacity: 0; |
|
1811 } |
|
1812 } |
|
1813 |
|
1814 @-webkit-keyframes rollIn { |
|
1815 0% { |
|
1816 opacity: 0; |
|
1817 -webkit-transform: translateX(-100%) rotate(-120deg); |
|
1818 } |
|
1819 100% { |
|
1820 opacity: 1; |
|
1821 -webkit-transform: translateX(0) rotate(0deg); |
|
1822 } |
|
1823 } |
|
1824 @keyframes rollIn { |
|
1825 0% { |
|
1826 opacity: 0; |
|
1827 -webkit-transform: translateX(-100%) rotate(-120deg); |
|
1828 -ms-transform: translateX(-100%) rotate(-120deg); |
|
1829 transform: translateX(-100%) rotate(-120deg); |
|
1830 } |
|
1831 100% { |
|
1832 opacity: 1; |
|
1833 -webkit-transform: translateX(0) rotate(0deg); |
|
1834 -ms-transform: translateX(0) rotate(0deg); |
|
1835 transform: translateX(0) rotate(0deg); |
|
1836 } |
|
1837 } |
|
1838 |
|
1839 @-webkit-keyframes rollOut { |
|
1840 0% { |
|
1841 opacity: 1; |
|
1842 -webkit-transform: translateX(0) rotate(0deg); |
|
1843 } |
|
1844 100% { |
|
1845 opacity: 0; |
|
1846 -webkit-transform: translateX(100%) rotate(120deg); |
|
1847 } |
|
1848 } |
|
1849 @keyframes rollOut { |
|
1850 0% { |
|
1851 opacity: 1; |
|
1852 -webkit-transform: translateX(0) rotate(0deg); |
|
1853 -ms-transform: translateX(0) rotate(0deg); |
|
1854 transform: translateX(0) rotate(0deg); |
|
1855 } |
|
1856 100% { |
|
1857 opacity: 0; |
|
1858 -webkit-transform: translateX(100%) rotate(120deg); |
|
1859 -ms-transform: translateX(100%) rotate(120deg); |
|
1860 transform: translateX(100%) rotate(120deg); |
|
1861 } |
|
1862 } |
|
1863 |
|
1864 @-webkit-keyframes lightSpeedIn { |
|
1865 0% { |
|
1866 -webkit-transform: translateX(100%) skewX(-30deg); |
|
1867 opacity: 0; |
|
1868 } |
|
1869 60% { |
|
1870 -webkit-transform: translateX(-20%) skewX(30deg); |
|
1871 opacity: 1; |
|
1872 } |
|
1873 80% { |
|
1874 -webkit-transform: translateX(0) skewX(-15deg); |
|
1875 opacity: 1; |
|
1876 } |
|
1877 100% { |
|
1878 -webkit-transform: translateX(0) skewX(0deg); |
|
1879 opacity: 1; |
|
1880 } |
|
1881 } |
|
1882 @keyframes lightSpeedIn { |
|
1883 0% { |
|
1884 -webkit-transform: translateX(100%) skewX(-30deg); |
|
1885 -ms-transform: translateX(100%) skewX(-30deg); |
|
1886 transform: translateX(100%) skewX(-30deg); |
|
1887 opacity: 0; |
|
1888 } |
|
1889 60% { |
|
1890 -webkit-transform: translateX(-20%) skewX(30deg); |
|
1891 -ms-transform: translateX(-20%) skewX(30deg); |
|
1892 transform: translateX(-20%) skewX(30deg); |
|
1893 opacity: 1; |
|
1894 } |
|
1895 80% { |
|
1896 -webkit-transform: translateX(0) skewX(-15deg); |
|
1897 -ms-transform: translateX(0) skewX(-15deg); |
|
1898 transform: translateX(0) skewX(-15deg); |
|
1899 opacity: 1; |
|
1900 } |
|
1901 100% { |
|
1902 -webkit-transform: translateX(0) skewX(0deg); |
|
1903 -ms-transform: translateX(0) skewX(0deg); |
|
1904 transform: translateX(0) skewX(0deg); |
|
1905 opacity: 1; |
|
1906 } |
|
1907 } |
|
1908 |
|
1909 @-webkit-keyframes lightSpeedOut { |
|
1910 0% { |
|
1911 -webkit-transform: translateX(0) skewX(0deg); |
|
1912 opacity: 1; |
|
1913 } |
|
1914 100% { |
|
1915 -webkit-transform: translateX(100%) skewX(-30deg); |
|
1916 opacity: 0; |
|
1917 } |
|
1918 } |
|
1919 @keyframes lightSpeedOut { |
|
1920 0% { |
|
1921 -webkit-transform: translateX(0) skewX(0deg); |
|
1922 -ms-transform: translateX(0) skewX(0deg); |
|
1923 transform: translateX(0) skewX(0deg); |
|
1924 opacity: 1; |
|
1925 } |
|
1926 100% { |
|
1927 -webkit-transform: translateX(100%) skewX(-30deg); |
|
1928 -ms-transform: translateX(100%) skewX(-30deg); |
|
1929 transform: translateX(100%) skewX(-30deg); |
|
1930 opacity: 0; |
|
1931 } |
|
1932 } |
|
1933 |
|
1934 @-webkit-keyframes spin { |
|
1935 0% { |
|
1936 -webkit-transform: rotate(0deg); |
|
1937 } |
|
1938 100% { |
|
1939 -webkit-transform: rotate(359deg); |
|
1940 } |
|
1941 } |
|
1942 @-ms-keyframes spin { |
|
1943 0% { |
|
1944 -ms-transform: rotate(0deg); |
|
1945 } |
|
1946 100% { |
|
1947 -ms-transform: rotate(359deg); |
|
1948 } |
|
1949 } |
|
1950 @keyframes spin { |
|
1951 0% { |
|
1952 -webkit-transform: rotate(0deg); |
|
1953 -ms-transform: rotate(0deg); |
|
1954 transform: rotate(0deg); |
|
1955 } |
|
1956 100% { |
|
1957 -webkit-transform: rotate(359deg); |
|
1958 -ms-transform: rotate(359deg); |
|
1959 transform: rotate(359deg); |
|
1960 } |
|
1961 } |
|
1962 |
|
1963 @-webkit-keyframes loading { |
|
1964 0% { |
|
1965 background-position: 0 -400px; |
|
1966 } |
|
1967 100% { |
|
1968 background-position: -7px -400px; |
|
1969 } |
|
1970 } |
|
1971 @-ms-keyframes loading { |
|
1972 0% { |
|
1973 background-position: 0 -400px; |
|
1974 } |
|
1975 100% { |
|
1976 background-position: -7px -400px; |
|
1977 } |
|
1978 } |
|
1979 @keyframes loading { |
|
1980 0% { |
|
1981 background-position: 0 -400px; |
|
1982 } |
|
1983 100% { |
|
1984 background-position: -7px -400px; |
|
1985 } |
|
1986 } |
|
1987 |
|
1988 @-webkit-keyframes progress-bar-stripes { |
|
1989 from { |
|
1990 background-position: 40px 0; |
|
1991 } |
|
1992 to { |
|
1993 background-position: 0 0; |
|
1994 } |
|
1995 } |
|
1996 @keyframes progress-bar-stripes { |
|
1997 from { |
|
1998 background-position: 40px 0; |
|
1999 } |
|
2000 to { |
|
2001 background-position: 0 0; |
|
2002 } |
|
2003 } |
|
2004 |
|
2005 @-webkit-keyframes pace-spinner { |
|
2006 0% { |
|
2007 -webkit-transform: rotate(0deg); |
|
2008 transform: rotate(0deg); |
|
2009 } |
|
2010 100% { |
|
2011 -webkit-transform: rotate(360deg); |
|
2012 transform: rotate(360deg); |
|
2013 } |
|
2014 } |
|
2015 @-ms-keyframes pace-spinner { |
|
2016 0% { |
|
2017 -ms-transform: rotate(0deg); |
|
2018 transform: rotate(0deg); |
|
2019 } |
|
2020 100% { |
|
2021 -ms-transform: rotate(360deg); |
|
2022 transform: rotate(360deg); |
|
2023 } |
|
2024 } |
|
2025 @keyframes pace-spinner { |
|
2026 0% { |
|
2027 -webkit-transform: rotate(0deg); |
|
2028 -ms-transform: rotate(0deg); |
|
2029 transform: rotate(0deg); |
|
2030 } |
|
2031 100% { |
|
2032 -webkit-transform: rotate(360deg); |
|
2033 -ms-transform: rotate(360deg); |
|
2034 transform: rotate(360deg); |
|
2035 } |
|
2036 } |
|
2037 |
|
2038 .animated { |
|
2039 -webkit-animation-duration: 1s; |
|
2040 animation-duration: 1s; |
|
2041 -webkit-animation-fill-mode: both; |
|
2042 animation-fill-mode: both; |
|
2043 |
|
2044 &.fast { |
|
2045 -webkit-animation-duration: .4s; |
|
2046 -ms-animation-duration: .4s; |
|
2047 animation-duration: .4s; |
|
2048 } |
|
2049 &.hinge { |
|
2050 -webkit-animation-duration: 2s; |
|
2051 animation-duration: 2s; |
|
2052 } |
|
2053 |
|
2054 &.flash { |
|
2055 -webkit-animation-name: flash; |
|
2056 animation-name: flash; |
|
2057 } |
|
2058 |
|
2059 &.shake { |
|
2060 -webkit-animation-name: shake; |
|
2061 animation-name: shake; |
|
2062 } |
|
2063 |
|
2064 &.bounce { |
|
2065 -webkit-animation-name: bounce; |
|
2066 animation-name: bounce; |
|
2067 } |
|
2068 |
|
2069 &.tada { |
|
2070 -webkit-animation-name: tada; |
|
2071 animation-name: tada; |
|
2072 } |
|
2073 |
|
2074 &.swing { |
|
2075 -webkit-transform-origin: top center; |
|
2076 -ms-transform-origin: top center; |
|
2077 transform-origin: top center; |
|
2078 -webkit-animation-name: swing; |
|
2079 animation-name: swing; |
|
2080 } |
|
2081 |
|
2082 &.wobble { |
|
2083 -webkit-animation-name: wobble; |
|
2084 animation-name: wobble; |
|
2085 } |
|
2086 |
|
2087 &.pulse { |
|
2088 -webkit-animation-name: pulse; |
|
2089 animation-name: pulse; |
|
2090 } |
|
2091 |
|
2092 &.flip { |
|
2093 -webkit-backface-visibility: visible!important; |
|
2094 -webkit-animation-name: flip; |
|
2095 -ms-backface-visibility: visible!important; |
|
2096 backface-visibility: visible!important; |
|
2097 animation-name: flip; |
|
2098 } |
|
2099 |
|
2100 &.flipInX { |
|
2101 -webkit-backface-visibility: visible!important; |
|
2102 -webkit-animation-name: flipInX; |
|
2103 -ms-backface-visibility: visible!important; |
|
2104 backface-visibility: visible!important; |
|
2105 animation-name: flipInX; |
|
2106 } |
|
2107 |
|
2108 &.flipOutX { |
|
2109 -webkit-animation-name: flipOutX; |
|
2110 -webkit-backface-visibility: visible!important; |
|
2111 animation-name: flipOutX; |
|
2112 -ms-backface-visibility: visible!important; |
|
2113 backface-visibility: visible!important; |
|
2114 } |
|
2115 |
|
2116 &.flipInY { |
|
2117 -webkit-backface-visibility: visible!important; |
|
2118 -webkit-animation-name: flipInY; |
|
2119 -ms-backface-visibility: visible!important; |
|
2120 backface-visibility: visible!important; |
|
2121 animation-name: flipInY; |
|
2122 } |
|
2123 |
|
2124 &.flipOutY { |
|
2125 -webkit-backface-visibility: visible!important; |
|
2126 -webkit-animation-name: flipOutY; |
|
2127 -ms-backface-visibility: visible!important; |
|
2128 backface-visibility: visible!important; |
|
2129 animation-name: flipOutY; |
|
2130 } |
|
2131 |
|
2132 &.fadeIn { |
|
2133 -webkit-animation-name: fadeIn; |
|
2134 animation-name: fadeIn; |
|
2135 } |
|
2136 |
|
2137 &.fadeInUp { |
|
2138 -webkit-animation-name: fadeInUp; |
|
2139 animation-name: fadeInUp; |
|
2140 } |
|
2141 |
|
2142 &.fadeInDown { |
|
2143 -webkit-animation-name: fadeInDown; |
|
2144 animation-name: fadeInDown; |
|
2145 } |
|
2146 |
|
2147 &.fadeInLeft { |
|
2148 -webkit-animation-name: fadeInLeft; |
|
2149 animation-name: fadeInLeft; |
|
2150 } |
|
2151 |
|
2152 &.fadeInRight { |
|
2153 -webkit-animation-name: fadeInRight; |
|
2154 animation-name: fadeInRight; |
|
2155 } |
|
2156 |
|
2157 &.fadeInUpBig { |
|
2158 -webkit-animation-name: fadeInUpBig; |
|
2159 animation-name: fadeInUpBig; |
|
2160 } |
|
2161 |
|
2162 &.fadeInDownBig { |
|
2163 -webkit-animation-name: fadeInDownBig; |
|
2164 animation-name: fadeInDownBig; |
|
2165 } |
|
2166 |
|
2167 &.fadeInLeftBig { |
|
2168 -webkit-animation-name: fadeInLeftBig; |
|
2169 animation-name: fadeInLeftBig; |
|
2170 } |
|
2171 |
|
2172 &.fadeInRightBig { |
|
2173 -webkit-animation-name: fadeInRightBig; |
|
2174 animation-name: fadeInRightBig; |
|
2175 } |
|
2176 |
|
2177 &.fadeOut { |
|
2178 -webkit-animation-name: fadeOut; |
|
2179 animation-name: fadeOut; |
|
2180 } |
|
2181 |
|
2182 &.fadeOutUp { |
|
2183 -webkit-animation-name: fadeOutUp; |
|
2184 animation-name: fadeOutUp; |
|
2185 } |
|
2186 |
|
2187 &.fadeOutDown { |
|
2188 -webkit-animation-name: fadeOutDown; |
|
2189 animation-name: fadeOutDown; |
|
2190 } |
|
2191 |
|
2192 &.fadeOutLeft { |
|
2193 -webkit-animation-name: fadeOutLeft; |
|
2194 animation-name: fadeOutLeft; |
|
2195 } |
|
2196 |
|
2197 &.fadeOutRight { |
|
2198 -webkit-animation-name: fadeOutRight; |
|
2199 animation-name: fadeOutRight; |
|
2200 } |
|
2201 |
|
2202 &.fadeOutUpBig { |
|
2203 -webkit-animation-name: fadeOutUpBig; |
|
2204 animation-name: fadeOutUpBig; |
|
2205 } |
|
2206 |
|
2207 &.fadeOutDownBig { |
|
2208 -webkit-animation-name: fadeOutDownBig; |
|
2209 animation-name: fadeOutDownBig; |
|
2210 } |
|
2211 |
|
2212 &.fadeOutLeftBig { |
|
2213 -webkit-animation-name: fadeOutLeftBig; |
|
2214 animation-name: fadeOutLeftBig; |
|
2215 } |
|
2216 |
|
2217 &.fadeOutRightBig { |
|
2218 -webkit-animation-name: fadeOutRightBig; |
|
2219 animation-name: fadeOutRightBig; |
|
2220 } |
|
2221 |
|
2222 &.bounceIn { |
|
2223 -webkit-animation-name: bounceIn; |
|
2224 animation-name: bounceIn; |
|
2225 } |
|
2226 |
|
2227 &.slideInDown { |
|
2228 -webkit-animation-name: slideInDown; |
|
2229 animation-name: slideInDown; |
|
2230 } |
|
2231 |
|
2232 &.slideInLeft { |
|
2233 -webkit-animation-name: slideInLeft; |
|
2234 animation-name: slideInLeft; |
|
2235 } |
|
2236 |
|
2237 &.slideInRight { |
|
2238 -webkit-animation-name: slideInRight; |
|
2239 animation-name: slideInRight; |
|
2240 } |
|
2241 |
|
2242 &.slideOutLeft { |
|
2243 -webkit-animation-name: slideOutLeft; |
|
2244 animation-name: slideOutLeft; |
|
2245 } |
|
2246 |
|
2247 &.slideOutRight { |
|
2248 -webkit-animation-name: slideOutRight; |
|
2249 animation-name: slideOutRight; |
|
2250 } |
|
2251 |
|
2252 &.slideOutUp { |
|
2253 -webkit-animation-name: slideOutUp; |
|
2254 animation-name: slideOutUp; |
|
2255 } |
|
2256 |
|
2257 &.bounceInUp { |
|
2258 -webkit-animation-name: bounceInUp; |
|
2259 animation-name: bounceInUp; |
|
2260 } |
|
2261 |
|
2262 &.bounceInDown { |
|
2263 -webkit-animation-name: bounceInDown; |
|
2264 animation-name: bounceInDown; |
|
2265 } |
|
2266 |
|
2267 &.bounceInLeft { |
|
2268 -webkit-animation-name: bounceInLeft; |
|
2269 animation-name: bounceInLeft; |
|
2270 } |
|
2271 |
|
2272 &.bounceInRight { |
|
2273 -webkit-animation-name: bounceInRight; |
|
2274 animation-name: bounceInRight; |
|
2275 } |
|
2276 |
|
2277 &.bounceOut { |
|
2278 -webkit-animation-name: bounceOut; |
|
2279 animation-name: bounceOut; |
|
2280 } |
|
2281 |
|
2282 &.bounceOutUp { |
|
2283 -webkit-animation-name: bounceOutUp; |
|
2284 animation-name: bounceOutUp; |
|
2285 } |
|
2286 |
|
2287 &.bounceOutDown { |
|
2288 -webkit-animation-name: bounceOutDown; |
|
2289 animation-name: bounceOutDown; |
|
2290 } |
|
2291 |
|
2292 &.bounceOutLeft { |
|
2293 -webkit-animation-name: bounceOutLeft; |
|
2294 animation-name: bounceOutLeft; |
|
2295 } |
|
2296 |
|
2297 &.bounceOutRight { |
|
2298 -webkit-animation-name: bounceOutRight; |
|
2299 animation-name: bounceOutRight; |
|
2300 } |
|
2301 |
|
2302 &.rotateIn { |
|
2303 -webkit-animation-name: rotateIn; |
|
2304 animation-name: rotateIn; |
|
2305 } |
|
2306 |
|
2307 &.rotateInUpLeft { |
|
2308 -webkit-animation-name: rotateInUpLeft; |
|
2309 animation-name: rotateInUpLeft; |
|
2310 } |
|
2311 |
|
2312 &.rotateInDownLeft { |
|
2313 -webkit-animation-name: rotateInDownLeft; |
|
2314 animation-name: rotateInDownLeft; |
|
2315 } |
|
2316 |
|
2317 &.rotateInUpRight { |
|
2318 -webkit-animation-name: rotateInUpRight; |
|
2319 animation-name: rotateInUpRight; |
|
2320 } |
|
2321 |
|
2322 &.rotateInDownRight { |
|
2323 -webkit-animation-name: rotateInDownRight; |
|
2324 animation-name: rotateInDownRight; |
|
2325 } |
|
2326 |
|
2327 &.rotateOut { |
|
2328 -webkit-animation-name: rotateOut; |
|
2329 animation-name: rotateOut; |
|
2330 } |
|
2331 |
|
2332 &.rotateOutUpLeft { |
|
2333 -webkit-animation-name: rotateOutUpLeft; |
|
2334 animation-name: rotateOutUpLeft; |
|
2335 } |
|
2336 |
|
2337 &.rotateOutDownLeft { |
|
2338 -webkit-animation-name: rotateOutDownLeft; |
|
2339 animation-name: rotateOutDownLeft; |
|
2340 } |
|
2341 |
|
2342 &.rotateOutUpRight { |
|
2343 -webkit-animation-name: rotateOutUpRight; |
|
2344 animation-name: rotateOutUpRight; |
|
2345 } |
|
2346 |
|
2347 &.rotateOutDownRight { |
|
2348 -webkit-animation-name: rotateOutDownRight; |
|
2349 animation-name: rotateOutDownRight; |
|
2350 } |
|
2351 |
|
2352 &.rollIn { |
|
2353 -webkit-animation-name: rollIn; |
|
2354 animation-name: rollIn; |
|
2355 } |
|
2356 |
|
2357 &.rollOut { |
|
2358 -webkit-animation-name: rollOut; |
|
2359 animation-name: rollOut; |
|
2360 } |
|
2361 |
|
2362 &.lightSpeedIn { |
|
2363 -webkit-animation-name: lightSpeedIn; |
|
2364 animation-name: lightSpeedIn; |
|
2365 -webkit-animation-timing-function: ease-out; |
|
2366 animation-timing-function: ease-out; |
|
2367 -webkit-animation-duration: .5s; |
|
2368 animation-duration: .5s; |
|
2369 } |
|
2370 |
|
2371 &.lightSpeedOut { |
|
2372 -webkit-animation-name: lightSpeedOut; |
|
2373 animation-name: lightSpeedOut; |
|
2374 -webkit-animation-timing-function: ease-in; |
|
2375 animation-timing-function: ease-in; |
|
2376 -webkit-animation-duration: .25s; |
|
2377 animation-duration: .25s; |
|
2378 } |
|
2379 |
|
2380 &.fade { |
|
2381 opacity: 0; |
|
2382 -webkit-transition: opacity .15s linear; |
|
2383 transition: opacity .15s linear; |
|
2384 } |
|
2385 } |
|
2386 |
|
2387 [class*=" bg-"], [class^=bg-] { |
|
2388 -webkit-filter: none!important; |
|
2389 filter: none!important; |
|
2390 } |