4 Animate.css - http://daneden.me/animate
5 Licensed under the MIT license
7 Copyright (c) 2013 Daniel Eden
9 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
11 The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
13 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
17 -webkit-animation-duration: 1s;
18 animation-duration: 1s;
19 -webkit-animation-fill-mode: both;
20 animation-fill-mode: both;
25 -webkit-animation-iteration-count: infinite;
26 animation-iteration-count: infinite;
30 -webkit-animation-duration: 2s;
31 animation-duration: 2s;
34 @-webkit-keyframes bounce {
35 0%, 20%, 50%, 80%, 100% {
36 -webkit-transform: translateY(0);
37 transform: translateY(0);
41 -webkit-transform: translateY(-30px);
42 transform: translateY(-30px);
46 -webkit-transform: translateY(-15px);
47 transform: translateY(-15px);
52 0%, 20%, 50%, 80%, 100% {
53 -webkit-transform: translateY(0);
54 -ms-transform: translateY(0);
55 transform: translateY(0);
59 -webkit-transform: translateY(-30px);
60 -ms-transform: translateY(-30px);
61 transform: translateY(-30px);
65 -webkit-transform: translateY(-15px);
66 -ms-transform: translateY(-15px);
67 transform: translateY(-15px);
72 -webkit-animation-name: bounce;
73 animation-name: bounce;
76 @-webkit-keyframes flash {
97 -webkit-animation-name: flash;
98 animation-name: flash;
101 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
103 @-webkit-keyframes pulse {
105 -webkit-transform: scale(1);
110 -webkit-transform: scale(1.1);
111 transform: scale(1.1);
115 -webkit-transform: scale(1);
122 -webkit-transform: scale(1);
123 -ms-transform: scale(1);
128 -webkit-transform: scale(1.1);
129 -ms-transform: scale(1.1);
130 transform: scale(1.1);
134 -webkit-transform: scale(1);
135 -ms-transform: scale(1);
141 -webkit-animation-name: pulse;
142 animation-name: pulse;
145 @-webkit-keyframes rubberBand {
147 -webkit-transform: scale(1);
152 -webkit-transform: scaleX(1.25) scaleY(0.75);
153 transform: scaleX(1.25) scaleY(0.75);
157 -webkit-transform: scaleX(0.75) scaleY(1.25);
158 transform: scaleX(0.75) scaleY(1.25);
162 -webkit-transform: scaleX(1.15) scaleY(0.85);
163 transform: scaleX(1.15) scaleY(0.85);
167 -webkit-transform: scale(1);
172 @keyframes rubberBand {
174 -webkit-transform: scale(1);
175 -ms-transform: scale(1);
180 -webkit-transform: scaleX(1.25) scaleY(0.75);
181 -ms-transform: scaleX(1.25) scaleY(0.75);
182 transform: scaleX(1.25) scaleY(0.75);
186 -webkit-transform: scaleX(0.75) scaleY(1.25);
187 -ms-transform: scaleX(0.75) scaleY(1.25);
188 transform: scaleX(0.75) scaleY(1.25);
192 -webkit-transform: scaleX(1.15) scaleY(0.85);
193 -ms-transform: scaleX(1.15) scaleY(0.85);
194 transform: scaleX(1.15) scaleY(0.85);
198 -webkit-transform: scale(1);
199 -ms-transform: scale(1);
205 -webkit-animation-name: rubberBand;
206 animation-name: rubberBand;
209 @-webkit-keyframes shake {
211 -webkit-transform: translateX(0);
212 transform: translateX(0);
215 10%, 30%, 50%, 70%, 90% {
216 -webkit-transform: translateX(-10px);
217 transform: translateX(-10px);
221 -webkit-transform: translateX(10px);
222 transform: translateX(10px);
228 -webkit-transform: translateX(0);
229 -ms-transform: translateX(0);
230 transform: translateX(0);
233 10%, 30%, 50%, 70%, 90% {
234 -webkit-transform: translateX(-10px);
235 -ms-transform: translateX(-10px);
236 transform: translateX(-10px);
240 -webkit-transform: translateX(10px);
241 -ms-transform: translateX(10px);
242 transform: translateX(10px);
247 -webkit-animation-name: shake;
248 animation-name: shake;
251 @-webkit-keyframes swing {
253 -webkit-transform: rotate(15deg);
254 transform: rotate(15deg);
258 -webkit-transform: rotate(-10deg);
259 transform: rotate(-10deg);
263 -webkit-transform: rotate(5deg);
264 transform: rotate(5deg);
268 -webkit-transform: rotate(-5deg);
269 transform: rotate(-5deg);
273 -webkit-transform: rotate(0deg);
274 transform: rotate(0deg);
280 -webkit-transform: rotate(15deg);
281 -ms-transform: rotate(15deg);
282 transform: rotate(15deg);
286 -webkit-transform: rotate(-10deg);
287 -ms-transform: rotate(-10deg);
288 transform: rotate(-10deg);
292 -webkit-transform: rotate(5deg);
293 -ms-transform: rotate(5deg);
294 transform: rotate(5deg);
298 -webkit-transform: rotate(-5deg);
299 -ms-transform: rotate(-5deg);
300 transform: rotate(-5deg);
304 -webkit-transform: rotate(0deg);
305 -ms-transform: rotate(0deg);
306 transform: rotate(0deg);
311 -webkit-transform-origin: top center;
312 -ms-transform-origin: top center;
313 transform-origin: top center;
314 -webkit-animation-name: swing;
315 animation-name: swing;
318 @-webkit-keyframes tada {
320 -webkit-transform: scale(1);
325 -webkit-transform: scale(0.9) rotate(-3deg);
326 transform: scale(0.9) rotate(-3deg);
330 -webkit-transform: scale(1.1) rotate(3deg);
331 transform: scale(1.1) rotate(3deg);
335 -webkit-transform: scale(1.1) rotate(-3deg);
336 transform: scale(1.1) rotate(-3deg);
340 -webkit-transform: scale(1) rotate(0);
341 transform: scale(1) rotate(0);
347 -webkit-transform: scale(1);
348 -ms-transform: scale(1);
353 -webkit-transform: scale(0.9) rotate(-3deg);
354 -ms-transform: scale(0.9) rotate(-3deg);
355 transform: scale(0.9) rotate(-3deg);
359 -webkit-transform: scale(1.1) rotate(3deg);
360 -ms-transform: scale(1.1) rotate(3deg);
361 transform: scale(1.1) rotate(3deg);
365 -webkit-transform: scale(1.1) rotate(-3deg);
366 -ms-transform: scale(1.1) rotate(-3deg);
367 transform: scale(1.1) rotate(-3deg);
371 -webkit-transform: scale(1) rotate(0);
372 -ms-transform: scale(1) rotate(0);
373 transform: scale(1) rotate(0);
378 -webkit-animation-name: tada;
379 animation-name: tada;
382 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
384 @-webkit-keyframes wobble {
386 -webkit-transform: translateX(0%);
387 transform: translateX(0%);
391 -webkit-transform: translateX(-25%) rotate(-5deg);
392 transform: translateX(-25%) rotate(-5deg);
396 -webkit-transform: translateX(20%) rotate(3deg);
397 transform: translateX(20%) rotate(3deg);
401 -webkit-transform: translateX(-15%) rotate(-3deg);
402 transform: translateX(-15%) rotate(-3deg);
406 -webkit-transform: translateX(10%) rotate(2deg);
407 transform: translateX(10%) rotate(2deg);
411 -webkit-transform: translateX(-5%) rotate(-1deg);
412 transform: translateX(-5%) rotate(-1deg);
416 -webkit-transform: translateX(0%);
417 transform: translateX(0%);
423 -webkit-transform: translateX(0%);
424 -ms-transform: translateX(0%);
425 transform: translateX(0%);
429 -webkit-transform: translateX(-25%) rotate(-5deg);
430 -ms-transform: translateX(-25%) rotate(-5deg);
431 transform: translateX(-25%) rotate(-5deg);
435 -webkit-transform: translateX(20%) rotate(3deg);
436 -ms-transform: translateX(20%) rotate(3deg);
437 transform: translateX(20%) rotate(3deg);
441 -webkit-transform: translateX(-15%) rotate(-3deg);
442 -ms-transform: translateX(-15%) rotate(-3deg);
443 transform: translateX(-15%) rotate(-3deg);
447 -webkit-transform: translateX(10%) rotate(2deg);
448 -ms-transform: translateX(10%) rotate(2deg);
449 transform: translateX(10%) rotate(2deg);
453 -webkit-transform: translateX(-5%) rotate(-1deg);
454 -ms-transform: translateX(-5%) rotate(-1deg);
455 transform: translateX(-5%) rotate(-1deg);
459 -webkit-transform: translateX(0%);
460 -ms-transform: translateX(0%);
461 transform: translateX(0%);
466 -webkit-animation-name: wobble;
467 animation-name: wobble;
470 @-webkit-keyframes bounceIn {
473 -webkit-transform: scale(.3);
474 transform: scale(.3);
479 -webkit-transform: scale(1.05);
480 transform: scale(1.05);
484 -webkit-transform: scale(.9);
485 transform: scale(.9);
490 -webkit-transform: scale(1);
495 @keyframes bounceIn {
498 -webkit-transform: scale(.3);
499 -ms-transform: scale(.3);
500 transform: scale(.3);
505 -webkit-transform: scale(1.05);
506 -ms-transform: scale(1.05);
507 transform: scale(1.05);
511 -webkit-transform: scale(.9);
512 -ms-transform: scale(.9);
513 transform: scale(.9);
518 -webkit-transform: scale(1);
519 -ms-transform: scale(1);
525 -webkit-animation-name: bounceIn;
526 animation-name: bounceIn;
529 @-webkit-keyframes bounceInDown {
532 -webkit-transform: translateY(-2000px);
533 transform: translateY(-2000px);
538 -webkit-transform: translateY(30px);
539 transform: translateY(30px);
543 -webkit-transform: translateY(-10px);
544 transform: translateY(-10px);
548 -webkit-transform: translateY(0);
549 transform: translateY(0);
553 @keyframes bounceInDown {
556 -webkit-transform: translateY(-2000px);
557 -ms-transform: translateY(-2000px);
558 transform: translateY(-2000px);
563 -webkit-transform: translateY(30px);
564 -ms-transform: translateY(30px);
565 transform: translateY(30px);
569 -webkit-transform: translateY(-10px);
570 -ms-transform: translateY(-10px);
571 transform: translateY(-10px);
575 -webkit-transform: translateY(0);
576 -ms-transform: translateY(0);
577 transform: translateY(0);
582 -webkit-animation-name: bounceInDown;
583 animation-name: bounceInDown;
586 @-webkit-keyframes bounceInLeft {
589 -webkit-transform: translateX(-2000px);
590 transform: translateX(-2000px);
595 -webkit-transform: translateX(30px);
596 transform: translateX(30px);
600 -webkit-transform: translateX(-10px);
601 transform: translateX(-10px);
605 -webkit-transform: translateX(0);
606 transform: translateX(0);
610 @keyframes bounceInLeft {
613 -webkit-transform: translateX(-2000px);
614 -ms-transform: translateX(-2000px);
615 transform: translateX(-2000px);
620 -webkit-transform: translateX(30px);
621 -ms-transform: translateX(30px);
622 transform: translateX(30px);
626 -webkit-transform: translateX(-10px);
627 -ms-transform: translateX(-10px);
628 transform: translateX(-10px);
632 -webkit-transform: translateX(0);
633 -ms-transform: translateX(0);
634 transform: translateX(0);
639 -webkit-animation-name: bounceInLeft;
640 animation-name: bounceInLeft;
643 @-webkit-keyframes bounceInRight {
646 -webkit-transform: translateX(2000px);
647 transform: translateX(2000px);
652 -webkit-transform: translateX(-30px);
653 transform: translateX(-30px);
657 -webkit-transform: translateX(10px);
658 transform: translateX(10px);
662 -webkit-transform: translateX(0);
663 transform: translateX(0);
667 @keyframes bounceInRight {
670 -webkit-transform: translateX(2000px);
671 -ms-transform: translateX(2000px);
672 transform: translateX(2000px);
677 -webkit-transform: translateX(-30px);
678 -ms-transform: translateX(-30px);
679 transform: translateX(-30px);
683 -webkit-transform: translateX(10px);
684 -ms-transform: translateX(10px);
685 transform: translateX(10px);
689 -webkit-transform: translateX(0);
690 -ms-transform: translateX(0);
691 transform: translateX(0);
696 -webkit-animation-name: bounceInRight;
697 animation-name: bounceInRight;
700 @-webkit-keyframes bounceInUp {
703 -webkit-transform: translateY(2000px);
704 transform: translateY(2000px);
709 -webkit-transform: translateY(-30px);
710 transform: translateY(-30px);
714 -webkit-transform: translateY(10px);
715 transform: translateY(10px);
719 -webkit-transform: translateY(0);
720 transform: translateY(0);
724 @keyframes bounceInUp {
727 -webkit-transform: translateY(2000px);
728 -ms-transform: translateY(2000px);
729 transform: translateY(2000px);
734 -webkit-transform: translateY(-30px);
735 -ms-transform: translateY(-30px);
736 transform: translateY(-30px);
740 -webkit-transform: translateY(10px);
741 -ms-transform: translateY(10px);
742 transform: translateY(10px);
746 -webkit-transform: translateY(0);
747 -ms-transform: translateY(0);
748 transform: translateY(0);
753 -webkit-animation-name: bounceInUp;
754 animation-name: bounceInUp;
757 @-webkit-keyframes bounceOut {
759 -webkit-transform: scale(1);
764 -webkit-transform: scale(.95);
765 transform: scale(.95);
770 -webkit-transform: scale(1.1);
771 transform: scale(1.1);
776 -webkit-transform: scale(.3);
777 transform: scale(.3);
781 @keyframes bounceOut {
783 -webkit-transform: scale(1);
784 -ms-transform: scale(1);
789 -webkit-transform: scale(.95);
790 -ms-transform: scale(.95);
791 transform: scale(.95);
796 -webkit-transform: scale(1.1);
797 -ms-transform: scale(1.1);
798 transform: scale(1.1);
803 -webkit-transform: scale(.3);
804 -ms-transform: scale(.3);
805 transform: scale(.3);
810 -webkit-animation-name: bounceOut;
811 animation-name: bounceOut;
814 @-webkit-keyframes bounceOutDown {
816 -webkit-transform: translateY(0);
817 transform: translateY(0);
822 -webkit-transform: translateY(-20px);
823 transform: translateY(-20px);
828 -webkit-transform: translateY(2000px);
829 transform: translateY(2000px);
833 @keyframes bounceOutDown {
835 -webkit-transform: translateY(0);
836 -ms-transform: translateY(0);
837 transform: translateY(0);
842 -webkit-transform: translateY(-20px);
843 -ms-transform: translateY(-20px);
844 transform: translateY(-20px);
849 -webkit-transform: translateY(2000px);
850 -ms-transform: translateY(2000px);
851 transform: translateY(2000px);
856 -webkit-animation-name: bounceOutDown;
857 animation-name: bounceOutDown;
860 @-webkit-keyframes bounceOutLeft {
862 -webkit-transform: translateX(0);
863 transform: translateX(0);
868 -webkit-transform: translateX(20px);
869 transform: translateX(20px);
874 -webkit-transform: translateX(-2000px);
875 transform: translateX(-2000px);
879 @keyframes bounceOutLeft {
881 -webkit-transform: translateX(0);
882 -ms-transform: translateX(0);
883 transform: translateX(0);
888 -webkit-transform: translateX(20px);
889 -ms-transform: translateX(20px);
890 transform: translateX(20px);
895 -webkit-transform: translateX(-2000px);
896 -ms-transform: translateX(-2000px);
897 transform: translateX(-2000px);
902 -webkit-animation-name: bounceOutLeft;
903 animation-name: bounceOutLeft;
906 @-webkit-keyframes bounceOutRight {
908 -webkit-transform: translateX(0);
909 transform: translateX(0);
914 -webkit-transform: translateX(-20px);
915 transform: translateX(-20px);
920 -webkit-transform: translateX(2000px);
921 transform: translateX(2000px);
925 @keyframes bounceOutRight {
927 -webkit-transform: translateX(0);
928 -ms-transform: translateX(0);
929 transform: translateX(0);
934 -webkit-transform: translateX(-20px);
935 -ms-transform: translateX(-20px);
936 transform: translateX(-20px);
941 -webkit-transform: translateX(2000px);
942 -ms-transform: translateX(2000px);
943 transform: translateX(2000px);
948 -webkit-animation-name: bounceOutRight;
949 animation-name: bounceOutRight;
952 @-webkit-keyframes bounceOutUp {
954 -webkit-transform: translateY(0);
955 transform: translateY(0);
960 -webkit-transform: translateY(20px);
961 transform: translateY(20px);
966 -webkit-transform: translateY(-2000px);
967 transform: translateY(-2000px);
971 @keyframes bounceOutUp {
973 -webkit-transform: translateY(0);
974 -ms-transform: translateY(0);
975 transform: translateY(0);
980 -webkit-transform: translateY(20px);
981 -ms-transform: translateY(20px);
982 transform: translateY(20px);
987 -webkit-transform: translateY(-2000px);
988 -ms-transform: translateY(-2000px);
989 transform: translateY(-2000px);
994 -webkit-animation-name: bounceOutUp;
995 animation-name: bounceOutUp;
998 @-webkit-keyframes fadeIn {
1019 -webkit-animation-name: fadeIn;
1020 animation-name: fadeIn;
1023 @-webkit-keyframes fadeInDown {
1026 -webkit-transform: translateY(-20px);
1027 transform: translateY(-20px);
1032 -webkit-transform: translateY(0);
1033 transform: translateY(0);
1037 @keyframes fadeInDown {
1040 -webkit-transform: translateY(-20px);
1041 -ms-transform: translateY(-20px);
1042 transform: translateY(-20px);
1047 -webkit-transform: translateY(0);
1048 -ms-transform: translateY(0);
1049 transform: translateY(0);
1054 -webkit-animation-name: fadeInDown;
1055 animation-name: fadeInDown;
1058 @-webkit-keyframes fadeInDownBig {
1061 -webkit-transform: translateY(-2000px);
1062 transform: translateY(-2000px);
1067 -webkit-transform: translateY(0);
1068 transform: translateY(0);
1072 @keyframes fadeInDownBig {
1075 -webkit-transform: translateY(-2000px);
1076 -ms-transform: translateY(-2000px);
1077 transform: translateY(-2000px);
1082 -webkit-transform: translateY(0);
1083 -ms-transform: translateY(0);
1084 transform: translateY(0);
1089 -webkit-animation-name: fadeInDownBig;
1090 animation-name: fadeInDownBig;
1093 @-webkit-keyframes fadeInLeft {
1096 -webkit-transform: translateX(-20px);
1097 transform: translateX(-20px);
1102 -webkit-transform: translateX(0);
1103 transform: translateX(0);
1107 @keyframes fadeInLeft {
1110 -webkit-transform: translateX(-20px);
1111 -ms-transform: translateX(-20px);
1112 transform: translateX(-20px);
1117 -webkit-transform: translateX(0);
1118 -ms-transform: translateX(0);
1119 transform: translateX(0);
1124 -webkit-animation-name: fadeInLeft;
1125 animation-name: fadeInLeft;
1128 @-webkit-keyframes fadeInLeftBig {
1131 -webkit-transform: translateX(-2000px);
1132 transform: translateX(-2000px);
1137 -webkit-transform: translateX(0);
1138 transform: translateX(0);
1142 @keyframes fadeInLeftBig {
1145 -webkit-transform: translateX(-2000px);
1146 -ms-transform: translateX(-2000px);
1147 transform: translateX(-2000px);
1152 -webkit-transform: translateX(0);
1153 -ms-transform: translateX(0);
1154 transform: translateX(0);
1159 -webkit-animation-name: fadeInLeftBig;
1160 animation-name: fadeInLeftBig;
1163 @-webkit-keyframes fadeInRight {
1166 -webkit-transform: translateX(20px);
1167 transform: translateX(20px);
1172 -webkit-transform: translateX(0);
1173 transform: translateX(0);
1177 @keyframes fadeInRight {
1180 -webkit-transform: translateX(40px);
1181 -ms-transform: translateX(40px);
1182 transform: translateX(40px);
1187 -webkit-transform: translateX(0);
1188 -ms-transform: translateX(0);
1189 transform: translateX(0);
1194 -webkit-animation-name: fadeInRight;
1195 animation-name: fadeInRight;
1198 @-webkit-keyframes fadeInRightBig {
1201 -webkit-transform: translateX(2000px);
1202 transform: translateX(2000px);
1207 -webkit-transform: translateX(0);
1208 transform: translateX(0);
1212 @keyframes fadeInRightBig {
1215 -webkit-transform: translateX(2000px);
1216 -ms-transform: translateX(2000px);
1217 transform: translateX(2000px);
1222 -webkit-transform: translateX(0);
1223 -ms-transform: translateX(0);
1224 transform: translateX(0);
1229 -webkit-animation-name: fadeInRightBig;
1230 animation-name: fadeInRightBig;
1233 @-webkit-keyframes fadeInUp {
1236 -webkit-transform: translateY(20px);
1237 transform: translateY(20px);
1242 -webkit-transform: translateY(0);
1243 transform: translateY(0);
1247 @keyframes fadeInUp {
1250 -webkit-transform: translateY(20px);
1251 -ms-transform: translateY(20px);
1252 transform: translateY(20px);
1257 -webkit-transform: translateY(0);
1258 -ms-transform: translateY(0);
1259 transform: translateY(0);
1264 -webkit-animation-name: fadeInUp;
1265 animation-name: fadeInUp;
1268 @-webkit-keyframes fadeInUpBig {
1271 -webkit-transform: translateY(2000px);
1272 transform: translateY(2000px);
1277 -webkit-transform: translateY(0);
1278 transform: translateY(0);
1282 @keyframes fadeInUpBig {
1285 -webkit-transform: translateY(2000px);
1286 -ms-transform: translateY(2000px);
1287 transform: translateY(2000px);
1292 -webkit-transform: translateY(0);
1293 -ms-transform: translateY(0);
1294 transform: translateY(0);
1299 -webkit-animation-name: fadeInUpBig;
1300 animation-name: fadeInUpBig;
1303 @-webkit-keyframes fadeOut {
1313 @keyframes fadeOut {
1324 -webkit-animation-name: fadeOut;
1325 animation-name: fadeOut;
1328 @-webkit-keyframes fadeOutDown {
1331 -webkit-transform: translateY(0);
1332 transform: translateY(0);
1337 -webkit-transform: translateY(20px);
1338 transform: translateY(20px);
1342 @keyframes fadeOutDown {
1345 -webkit-transform: translateY(0);
1346 -ms-transform: translateY(0);
1347 transform: translateY(0);
1352 -webkit-transform: translateY(20px);
1353 -ms-transform: translateY(20px);
1354 transform: translateY(20px);
1359 -webkit-animation-name: fadeOutDown;
1360 animation-name: fadeOutDown;
1363 @-webkit-keyframes fadeOutDownBig {
1366 -webkit-transform: translateY(0);
1367 transform: translateY(0);
1372 -webkit-transform: translateY(2000px);
1373 transform: translateY(2000px);
1377 @keyframes fadeOutDownBig {
1380 -webkit-transform: translateY(0);
1381 -ms-transform: translateY(0);
1382 transform: translateY(0);
1387 -webkit-transform: translateY(2000px);
1388 -ms-transform: translateY(2000px);
1389 transform: translateY(2000px);
1394 -webkit-animation-name: fadeOutDownBig;
1395 animation-name: fadeOutDownBig;
1398 @-webkit-keyframes fadeOutLeft {
1401 -webkit-transform: translateX(0);
1402 transform: translateX(0);
1407 -webkit-transform: translateX(-20px);
1408 transform: translateX(-20px);
1412 @keyframes fadeOutLeft {
1415 -webkit-transform: translateX(0);
1416 -ms-transform: translateX(0);
1417 transform: translateX(0);
1422 -webkit-transform: translateX(-20px);
1423 -ms-transform: translateX(-20px);
1424 transform: translateX(-20px);
1429 -webkit-animation-name: fadeOutLeft;
1430 animation-name: fadeOutLeft;
1433 @-webkit-keyframes fadeOutLeftBig {
1436 -webkit-transform: translateX(0);
1437 transform: translateX(0);
1442 -webkit-transform: translateX(-2000px);
1443 transform: translateX(-2000px);
1447 @keyframes fadeOutLeftBig {
1450 -webkit-transform: translateX(0);
1451 -ms-transform: translateX(0);
1452 transform: translateX(0);
1457 -webkit-transform: translateX(-2000px);
1458 -ms-transform: translateX(-2000px);
1459 transform: translateX(-2000px);
1464 -webkit-animation-name: fadeOutLeftBig;
1465 animation-name: fadeOutLeftBig;
1468 @-webkit-keyframes fadeOutRight {
1471 -webkit-transform: translateX(0);
1472 transform: translateX(0);
1477 -webkit-transform: translateX(20px);
1478 transform: translateX(20px);
1482 @keyframes fadeOutRight {
1485 -webkit-transform: translateX(0);
1486 -ms-transform: translateX(0);
1487 transform: translateX(0);
1492 -webkit-transform: translateX(20px);
1493 -ms-transform: translateX(20px);
1494 transform: translateX(20px);
1499 -webkit-animation-name: fadeOutRight;
1500 animation-name: fadeOutRight;
1503 @-webkit-keyframes fadeOutRightBig {
1506 -webkit-transform: translateX(0);
1507 transform: translateX(0);
1512 -webkit-transform: translateX(2000px);
1513 transform: translateX(2000px);
1517 @keyframes fadeOutRightBig {
1520 -webkit-transform: translateX(0);
1521 -ms-transform: translateX(0);
1522 transform: translateX(0);
1527 -webkit-transform: translateX(2000px);
1528 -ms-transform: translateX(2000px);
1529 transform: translateX(2000px);
1534 -webkit-animation-name: fadeOutRightBig;
1535 animation-name: fadeOutRightBig;
1538 @-webkit-keyframes fadeOutUp {
1541 -webkit-transform: translateY(0);
1542 transform: translateY(0);
1547 -webkit-transform: translateY(-20px);
1548 transform: translateY(-20px);
1552 @keyframes fadeOutUp {
1555 -webkit-transform: translateY(0);
1556 -ms-transform: translateY(0);
1557 transform: translateY(0);
1562 -webkit-transform: translateY(-20px);
1563 -ms-transform: translateY(-20px);
1564 transform: translateY(-20px);
1569 -webkit-animation-name: fadeOutUp;
1570 animation-name: fadeOutUp;
1573 @-webkit-keyframes fadeOutUpBig {
1576 -webkit-transform: translateY(0);
1577 transform: translateY(0);
1582 -webkit-transform: translateY(-2000px);
1583 transform: translateY(-2000px);
1587 @keyframes fadeOutUpBig {
1590 -webkit-transform: translateY(0);
1591 -ms-transform: translateY(0);
1592 transform: translateY(0);
1597 -webkit-transform: translateY(-2000px);
1598 -ms-transform: translateY(-2000px);
1599 transform: translateY(-2000px);
1604 -webkit-animation-name: fadeOutUpBig;
1605 animation-name: fadeOutUpBig;
1608 @-webkit-keyframes flip {
1610 -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
1611 transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
1612 -webkit-animation-timing-function: ease-out;
1613 animation-timing-function: ease-out;
1617 -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
1618 transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
1619 -webkit-animation-timing-function: ease-out;
1620 animation-timing-function: ease-out;
1624 -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
1625 transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
1626 -webkit-animation-timing-function: ease-in;
1627 animation-timing-function: ease-in;
1631 -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
1632 transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
1633 -webkit-animation-timing-function: ease-in;
1634 animation-timing-function: ease-in;
1638 -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
1639 transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
1640 -webkit-animation-timing-function: ease-in;
1641 animation-timing-function: ease-in;
1647 -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
1648 -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
1649 transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
1650 -webkit-animation-timing-function: ease-out;
1651 animation-timing-function: ease-out;
1655 -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
1656 -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
1657 transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
1658 -webkit-animation-timing-function: ease-out;
1659 animation-timing-function: ease-out;
1663 -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
1664 -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
1665 transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
1666 -webkit-animation-timing-function: ease-in;
1667 animation-timing-function: ease-in;
1671 -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
1672 -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
1673 transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
1674 -webkit-animation-timing-function: ease-in;
1675 animation-timing-function: ease-in;
1679 -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
1680 -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
1681 transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
1682 -webkit-animation-timing-function: ease-in;
1683 animation-timing-function: ease-in;
1688 -webkit-backface-visibility: visible;
1689 -ms-backface-visibility: visible;
1690 backface-visibility: visible;
1691 -webkit-animation-name: flip;
1692 animation-name: flip;
1695 @-webkit-keyframes flipInX {
1697 -webkit-transform: perspective(400px) rotateX(90deg);
1698 transform: perspective(400px) rotateX(90deg);
1703 -webkit-transform: perspective(400px) rotateX(-10deg);
1704 transform: perspective(400px) rotateX(-10deg);
1708 -webkit-transform: perspective(400px) rotateX(10deg);
1709 transform: perspective(400px) rotateX(10deg);
1713 -webkit-transform: perspective(400px) rotateX(0deg);
1714 transform: perspective(400px) rotateX(0deg);
1719 @keyframes flipInX {
1721 -webkit-transform: perspective(400px) rotateX(90deg);
1722 -ms-transform: perspective(400px) rotateX(90deg);
1723 transform: perspective(400px) rotateX(90deg);
1728 -webkit-transform: perspective(400px) rotateX(-10deg);
1729 -ms-transform: perspective(400px) rotateX(-10deg);
1730 transform: perspective(400px) rotateX(-10deg);
1734 -webkit-transform: perspective(400px) rotateX(10deg);
1735 -ms-transform: perspective(400px) rotateX(10deg);
1736 transform: perspective(400px) rotateX(10deg);
1740 -webkit-transform: perspective(400px) rotateX(0deg);
1741 -ms-transform: perspective(400px) rotateX(0deg);
1742 transform: perspective(400px) rotateX(0deg);
1748 -webkit-backface-visibility: visible !important;
1749 -ms-backface-visibility: visible !important;
1750 backface-visibility: visible !important;
1751 -webkit-animation-name: flipInX;
1752 animation-name: flipInX;
1755 @-webkit-keyframes flipInY {
1757 -webkit-transform: perspective(400px) rotateY(90deg);
1758 transform: perspective(400px) rotateY(90deg);
1763 -webkit-transform: perspective(400px) rotateY(-10deg);
1764 transform: perspective(400px) rotateY(-10deg);
1768 -webkit-transform: perspective(400px) rotateY(10deg);
1769 transform: perspective(400px) rotateY(10deg);
1773 -webkit-transform: perspective(400px) rotateY(0deg);
1774 transform: perspective(400px) rotateY(0deg);
1779 @keyframes flipInY {
1781 -webkit-transform: perspective(400px) rotateY(90deg);
1782 -ms-transform: perspective(400px) rotateY(90deg);
1783 transform: perspective(400px) rotateY(90deg);
1788 -webkit-transform: perspective(400px) rotateY(-10deg);
1789 -ms-transform: perspective(400px) rotateY(-10deg);
1790 transform: perspective(400px) rotateY(-10deg);
1794 -webkit-transform: perspective(400px) rotateY(10deg);
1795 -ms-transform: perspective(400px) rotateY(10deg);
1796 transform: perspective(400px) rotateY(10deg);
1800 -webkit-transform: perspective(400px) rotateY(0deg);
1801 -ms-transform: perspective(400px) rotateY(0deg);
1802 transform: perspective(400px) rotateY(0deg);
1808 -webkit-backface-visibility: visible !important;
1809 -ms-backface-visibility: visible !important;
1810 backface-visibility: visible !important;
1811 -webkit-animation-name: flipInY;
1812 animation-name: flipInY;
1815 @-webkit-keyframes flipOutX {
1817 -webkit-transform: perspective(400px) rotateX(0deg);
1818 transform: perspective(400px) rotateX(0deg);
1823 -webkit-transform: perspective(400px) rotateX(90deg);
1824 transform: perspective(400px) rotateX(90deg);
1829 @keyframes flipOutX {
1831 -webkit-transform: perspective(400px) rotateX(0deg);
1832 -ms-transform: perspective(400px) rotateX(0deg);
1833 transform: perspective(400px) rotateX(0deg);
1838 -webkit-transform: perspective(400px) rotateX(90deg);
1839 -ms-transform: perspective(400px) rotateX(90deg);
1840 transform: perspective(400px) rotateX(90deg);
1846 -webkit-animation-name: flipOutX;
1847 animation-name: flipOutX;
1848 -webkit-backface-visibility: visible !important;
1849 -ms-backface-visibility: visible !important;
1850 backface-visibility: visible !important;
1853 @-webkit-keyframes flipOutY {
1855 -webkit-transform: perspective(400px) rotateY(0deg);
1856 transform: perspective(400px) rotateY(0deg);
1861 -webkit-transform: perspective(400px) rotateY(90deg);
1862 transform: perspective(400px) rotateY(90deg);
1867 @keyframes flipOutY {
1869 -webkit-transform: perspective(400px) rotateY(0deg);
1870 -ms-transform: perspective(400px) rotateY(0deg);
1871 transform: perspective(400px) rotateY(0deg);
1876 -webkit-transform: perspective(400px) rotateY(90deg);
1877 -ms-transform: perspective(400px) rotateY(90deg);
1878 transform: perspective(400px) rotateY(90deg);
1884 -webkit-backface-visibility: visible !important;
1885 -ms-backface-visibility: visible !important;
1886 backface-visibility: visible !important;
1887 -webkit-animation-name: flipOutY;
1888 animation-name: flipOutY;
1891 @-webkit-keyframes lightSpeedIn {
1893 -webkit-transform: translateX(100%) skewX(-30deg);
1894 transform: translateX(100%) skewX(-30deg);
1899 -webkit-transform: translateX(-20%) skewX(30deg);
1900 transform: translateX(-20%) skewX(30deg);
1905 -webkit-transform: translateX(0%) skewX(-15deg);
1906 transform: translateX(0%) skewX(-15deg);
1911 -webkit-transform: translateX(0%) skewX(0deg);
1912 transform: translateX(0%) skewX(0deg);
1917 @keyframes lightSpeedIn {
1919 -webkit-transform: translateX(100%) skewX(-30deg);
1920 -ms-transform: translateX(100%) skewX(-30deg);
1921 transform: translateX(100%) skewX(-30deg);
1926 -webkit-transform: translateX(-20%) skewX(30deg);
1927 -ms-transform: translateX(-20%) skewX(30deg);
1928 transform: translateX(-20%) skewX(30deg);
1933 -webkit-transform: translateX(0%) skewX(-15deg);
1934 -ms-transform: translateX(0%) skewX(-15deg);
1935 transform: translateX(0%) skewX(-15deg);
1940 -webkit-transform: translateX(0%) skewX(0deg);
1941 -ms-transform: translateX(0%) skewX(0deg);
1942 transform: translateX(0%) skewX(0deg);
1948 -webkit-animation-name: lightSpeedIn;
1949 animation-name: lightSpeedIn;
1950 -webkit-animation-timing-function: ease-out;
1951 animation-timing-function: ease-out;
1954 @-webkit-keyframes lightSpeedOut {
1956 -webkit-transform: translateX(0%) skewX(0deg);
1957 transform: translateX(0%) skewX(0deg);
1962 -webkit-transform: translateX(100%) skewX(-30deg);
1963 transform: translateX(100%) skewX(-30deg);
1968 @keyframes lightSpeedOut {
1970 -webkit-transform: translateX(0%) skewX(0deg);
1971 -ms-transform: translateX(0%) skewX(0deg);
1972 transform: translateX(0%) skewX(0deg);
1977 -webkit-transform: translateX(100%) skewX(-30deg);
1978 -ms-transform: translateX(100%) skewX(-30deg);
1979 transform: translateX(100%) skewX(-30deg);
1985 -webkit-animation-name: lightSpeedOut;
1986 animation-name: lightSpeedOut;
1987 -webkit-animation-timing-function: ease-in;
1988 animation-timing-function: ease-in;
1991 @-webkit-keyframes rotateIn {
1993 -webkit-transform-origin: center center;
1994 transform-origin: center center;
1995 -webkit-transform: rotate(-200deg);
1996 transform: rotate(-200deg);
2001 -webkit-transform-origin: center center;
2002 transform-origin: center center;
2003 -webkit-transform: rotate(0);
2004 transform: rotate(0);
2009 @keyframes rotateIn {
2011 -webkit-transform-origin: center center;
2012 -ms-transform-origin: center center;
2013 transform-origin: center center;
2014 -webkit-transform: rotate(-200deg);
2015 -ms-transform: rotate(-200deg);
2016 transform: rotate(-200deg);
2021 -webkit-transform-origin: center center;
2022 -ms-transform-origin: center center;
2023 transform-origin: center center;
2024 -webkit-transform: rotate(0);
2025 -ms-transform: rotate(0);
2026 transform: rotate(0);
2032 -webkit-animation-name: rotateIn;
2033 animation-name: rotateIn;
2036 @-webkit-keyframes rotateInDownLeft {
2038 -webkit-transform-origin: left bottom;
2039 transform-origin: left bottom;
2040 -webkit-transform: rotate(-90deg);
2041 transform: rotate(-90deg);
2046 -webkit-transform-origin: left bottom;
2047 transform-origin: left bottom;
2048 -webkit-transform: rotate(0);
2049 transform: rotate(0);
2054 @keyframes rotateInDownLeft {
2056 -webkit-transform-origin: left bottom;
2057 -ms-transform-origin: left bottom;
2058 transform-origin: left bottom;
2059 -webkit-transform: rotate(-90deg);
2060 -ms-transform: rotate(-90deg);
2061 transform: rotate(-90deg);
2066 -webkit-transform-origin: left bottom;
2067 -ms-transform-origin: left bottom;
2068 transform-origin: left bottom;
2069 -webkit-transform: rotate(0);
2070 -ms-transform: rotate(0);
2071 transform: rotate(0);
2077 -webkit-animation-name: rotateInDownLeft;
2078 animation-name: rotateInDownLeft;
2081 @-webkit-keyframes rotateInDownRight {
2083 -webkit-transform-origin: right bottom;
2084 transform-origin: right bottom;
2085 -webkit-transform: rotate(90deg);
2086 transform: rotate(90deg);
2091 -webkit-transform-origin: right bottom;
2092 transform-origin: right bottom;
2093 -webkit-transform: rotate(0);
2094 transform: rotate(0);
2099 @keyframes rotateInDownRight {
2101 -webkit-transform-origin: right bottom;
2102 -ms-transform-origin: right bottom;
2103 transform-origin: right bottom;
2104 -webkit-transform: rotate(90deg);
2105 -ms-transform: rotate(90deg);
2106 transform: rotate(90deg);
2111 -webkit-transform-origin: right bottom;
2112 -ms-transform-origin: right bottom;
2113 transform-origin: right bottom;
2114 -webkit-transform: rotate(0);
2115 -ms-transform: rotate(0);
2116 transform: rotate(0);
2121 .rotateInDownRight {
2122 -webkit-animation-name: rotateInDownRight;
2123 animation-name: rotateInDownRight;
2126 @-webkit-keyframes rotateInUpLeft {
2128 -webkit-transform-origin: left bottom;
2129 transform-origin: left bottom;
2130 -webkit-transform: rotate(90deg);
2131 transform: rotate(90deg);
2136 -webkit-transform-origin: left bottom;
2137 transform-origin: left bottom;
2138 -webkit-transform: rotate(0);
2139 transform: rotate(0);
2144 @keyframes rotateInUpLeft {
2146 -webkit-transform-origin: left bottom;
2147 -ms-transform-origin: left bottom;
2148 transform-origin: left bottom;
2149 -webkit-transform: rotate(90deg);
2150 -ms-transform: rotate(90deg);
2151 transform: rotate(90deg);
2156 -webkit-transform-origin: left bottom;
2157 -ms-transform-origin: left bottom;
2158 transform-origin: left bottom;
2159 -webkit-transform: rotate(0);
2160 -ms-transform: rotate(0);
2161 transform: rotate(0);
2167 -webkit-animation-name: rotateInUpLeft;
2168 animation-name: rotateInUpLeft;
2171 @-webkit-keyframes rotateInUpRight {
2173 -webkit-transform-origin: right bottom;
2174 transform-origin: right bottom;
2175 -webkit-transform: rotate(-90deg);
2176 transform: rotate(-90deg);
2181 -webkit-transform-origin: right bottom;
2182 transform-origin: right bottom;
2183 -webkit-transform: rotate(0);
2184 transform: rotate(0);
2189 @keyframes rotateInUpRight {
2191 -webkit-transform-origin: right bottom;
2192 -ms-transform-origin: right bottom;
2193 transform-origin: right bottom;
2194 -webkit-transform: rotate(-90deg);
2195 -ms-transform: rotate(-90deg);
2196 transform: rotate(-90deg);
2201 -webkit-transform-origin: right bottom;
2202 -ms-transform-origin: right bottom;
2203 transform-origin: right bottom;
2204 -webkit-transform: rotate(0);
2205 -ms-transform: rotate(0);
2206 transform: rotate(0);
2212 -webkit-animation-name: rotateInUpRight;
2213 animation-name: rotateInUpRight;
2216 @-webkit-keyframes rotateOut {
2218 -webkit-transform-origin: center center;
2219 transform-origin: center center;
2220 -webkit-transform: rotate(0);
2221 transform: rotate(0);
2226 -webkit-transform-origin: center center;
2227 transform-origin: center center;
2228 -webkit-transform: rotate(200deg);
2229 transform: rotate(200deg);
2234 @keyframes rotateOut {
2236 -webkit-transform-origin: center center;
2237 -ms-transform-origin: center center;
2238 transform-origin: center center;
2239 -webkit-transform: rotate(0);
2240 -ms-transform: rotate(0);
2241 transform: rotate(0);
2246 -webkit-transform-origin: center center;
2247 -ms-transform-origin: center center;
2248 transform-origin: center center;
2249 -webkit-transform: rotate(200deg);
2250 -ms-transform: rotate(200deg);
2251 transform: rotate(200deg);
2257 -webkit-animation-name: rotateOut;
2258 animation-name: rotateOut;
2261 @-webkit-keyframes rotateOutDownLeft {
2263 -webkit-transform-origin: left bottom;
2264 transform-origin: left bottom;
2265 -webkit-transform: rotate(0);
2266 transform: rotate(0);
2271 -webkit-transform-origin: left bottom;
2272 transform-origin: left bottom;
2273 -webkit-transform: rotate(90deg);
2274 transform: rotate(90deg);
2279 @keyframes rotateOutDownLeft {
2281 -webkit-transform-origin: left bottom;
2282 -ms-transform-origin: left bottom;
2283 transform-origin: left bottom;
2284 -webkit-transform: rotate(0);
2285 -ms-transform: rotate(0);
2286 transform: rotate(0);
2291 -webkit-transform-origin: left bottom;
2292 -ms-transform-origin: left bottom;
2293 transform-origin: left bottom;
2294 -webkit-transform: rotate(90deg);
2295 -ms-transform: rotate(90deg);
2296 transform: rotate(90deg);
2301 .rotateOutDownLeft {
2302 -webkit-animation-name: rotateOutDownLeft;
2303 animation-name: rotateOutDownLeft;
2306 @-webkit-keyframes rotateOutDownRight {
2308 -webkit-transform-origin: right bottom;
2309 transform-origin: right bottom;
2310 -webkit-transform: rotate(0);
2311 transform: rotate(0);
2316 -webkit-transform-origin: right bottom;
2317 transform-origin: right bottom;
2318 -webkit-transform: rotate(-90deg);
2319 transform: rotate(-90deg);
2324 @keyframes rotateOutDownRight {
2326 -webkit-transform-origin: right bottom;
2327 -ms-transform-origin: right bottom;
2328 transform-origin: right bottom;
2329 -webkit-transform: rotate(0);
2330 -ms-transform: rotate(0);
2331 transform: rotate(0);
2336 -webkit-transform-origin: right bottom;
2337 -ms-transform-origin: right bottom;
2338 transform-origin: right bottom;
2339 -webkit-transform: rotate(-90deg);
2340 -ms-transform: rotate(-90deg);
2341 transform: rotate(-90deg);
2346 .rotateOutDownRight {
2347 -webkit-animation-name: rotateOutDownRight;
2348 animation-name: rotateOutDownRight;
2351 @-webkit-keyframes rotateOutUpLeft {
2353 -webkit-transform-origin: left bottom;
2354 transform-origin: left bottom;
2355 -webkit-transform: rotate(0);
2356 transform: rotate(0);
2361 -webkit-transform-origin: left bottom;
2362 transform-origin: left bottom;
2363 -webkit-transform: rotate(-90deg);
2364 transform: rotate(-90deg);
2369 @keyframes rotateOutUpLeft {
2371 -webkit-transform-origin: left bottom;
2372 -ms-transform-origin: left bottom;
2373 transform-origin: left bottom;
2374 -webkit-transform: rotate(0);
2375 -ms-transform: rotate(0);
2376 transform: rotate(0);
2381 -webkit-transform-origin: left bottom;
2382 -ms-transform-origin: left bottom;
2383 transform-origin: left bottom;
2384 -webkit-transform: rotate(-90deg);
2385 -ms-transform: rotate(-90deg);
2386 transform: rotate(-90deg);
2392 -webkit-animation-name: rotateOutUpLeft;
2393 animation-name: rotateOutUpLeft;
2396 @-webkit-keyframes rotateOutUpRight {
2398 -webkit-transform-origin: right bottom;
2399 transform-origin: right bottom;
2400 -webkit-transform: rotate(0);
2401 transform: rotate(0);
2406 -webkit-transform-origin: right bottom;
2407 transform-origin: right bottom;
2408 -webkit-transform: rotate(90deg);
2409 transform: rotate(90deg);
2414 @keyframes rotateOutUpRight {
2416 -webkit-transform-origin: right bottom;
2417 -ms-transform-origin: right bottom;
2418 transform-origin: right bottom;
2419 -webkit-transform: rotate(0);
2420 -ms-transform: rotate(0);
2421 transform: rotate(0);
2426 -webkit-transform-origin: right bottom;
2427 -ms-transform-origin: right bottom;
2428 transform-origin: right bottom;
2429 -webkit-transform: rotate(90deg);
2430 -ms-transform: rotate(90deg);
2431 transform: rotate(90deg);
2437 -webkit-animation-name: rotateOutUpRight;
2438 animation-name: rotateOutUpRight;
2441 @-webkit-keyframes slideInDown {
2444 -webkit-transform: translateY(-2000px);
2445 transform: translateY(-2000px);
2449 -webkit-transform: translateY(0);
2450 transform: translateY(0);
2454 @keyframes slideInDown {
2457 -webkit-transform: translateY(-2000px);
2458 -ms-transform: translateY(-2000px);
2459 transform: translateY(-2000px);
2463 -webkit-transform: translateY(0);
2464 -ms-transform: translateY(0);
2465 transform: translateY(0);
2470 -webkit-animation-name: slideInDown;
2471 animation-name: slideInDown;
2474 @-webkit-keyframes slideInLeft {
2477 -webkit-transform: translateX(-2000px);
2478 transform: translateX(-2000px);
2482 -webkit-transform: translateX(0);
2483 transform: translateX(0);
2487 @keyframes slideInLeft {
2490 -webkit-transform: translateX(-2000px);
2491 -ms-transform: translateX(-2000px);
2492 transform: translateX(-2000px);
2496 -webkit-transform: translateX(0);
2497 -ms-transform: translateX(0);
2498 transform: translateX(0);
2503 -webkit-animation-name: slideInLeft;
2504 animation-name: slideInLeft;
2507 @-webkit-keyframes slideInRight {
2510 -webkit-transform: translateX(2000px);
2511 transform: translateX(2000px);
2515 -webkit-transform: translateX(0);
2516 transform: translateX(0);
2520 @keyframes slideInRight {
2523 -webkit-transform: translateX(2000px);
2524 -ms-transform: translateX(2000px);
2525 transform: translateX(2000px);
2529 -webkit-transform: translateX(0);
2530 -ms-transform: translateX(0);
2531 transform: translateX(0);
2536 -webkit-animation-name: slideInRight;
2537 animation-name: slideInRight;
2540 @-webkit-keyframes slideOutLeft {
2542 -webkit-transform: translateX(0);
2543 transform: translateX(0);
2548 -webkit-transform: translateX(-2000px);
2549 transform: translateX(-2000px);
2553 @keyframes slideOutLeft {
2555 -webkit-transform: translateX(0);
2556 -ms-transform: translateX(0);
2557 transform: translateX(0);
2562 -webkit-transform: translateX(-2000px);
2563 -ms-transform: translateX(-2000px);
2564 transform: translateX(-2000px);
2569 -webkit-animation-name: slideOutLeft;
2570 animation-name: slideOutLeft;
2573 @-webkit-keyframes slideOutRight {
2575 -webkit-transform: translateX(0);
2576 transform: translateX(0);
2581 -webkit-transform: translateX(2000px);
2582 transform: translateX(2000px);
2586 @keyframes slideOutRight {
2588 -webkit-transform: translateX(0);
2589 -ms-transform: translateX(0);
2590 transform: translateX(0);
2595 -webkit-transform: translateX(2000px);
2596 -ms-transform: translateX(2000px);
2597 transform: translateX(2000px);
2602 -webkit-animation-name: slideOutRight;
2603 animation-name: slideOutRight;
2606 @-webkit-keyframes slideOutUp {
2608 -webkit-transform: translateY(0);
2609 transform: translateY(0);
2614 -webkit-transform: translateY(-2000px);
2615 transform: translateY(-2000px);
2619 @keyframes slideOutUp {
2621 -webkit-transform: translateY(0);
2622 -ms-transform: translateY(0);
2623 transform: translateY(0);
2628 -webkit-transform: translateY(-2000px);
2629 -ms-transform: translateY(-2000px);
2630 transform: translateY(-2000px);
2635 -webkit-animation-name: slideOutUp;
2636 animation-name: slideOutUp;
2639 @-webkit-keyframes slideOutDown {
2641 -webkit-transform: translateY(0);
2642 transform: translateY(0);
2647 -webkit-transform: translateY(2000px);
2648 transform: translateY(2000px);
2652 @keyframes slideOutDown {
2654 -webkit-transform: translateY(0);
2655 -ms-transform: translateY(0);
2656 transform: translateY(0);
2661 -webkit-transform: translateY(2000px);
2662 -ms-transform: translateY(2000px);
2663 transform: translateY(2000px);
2668 -webkit-animation-name: slideOutDown;
2669 animation-name: slideOutDown;
2672 @-webkit-keyframes hinge {
2674 -webkit-transform: rotate(0);
2675 transform: rotate(0);
2676 -webkit-transform-origin: top left;
2677 transform-origin: top left;
2678 -webkit-animation-timing-function: ease-in-out;
2679 animation-timing-function: ease-in-out;
2683 -webkit-transform: rotate(80deg);
2684 transform: rotate(80deg);
2685 -webkit-transform-origin: top left;
2686 transform-origin: top left;
2687 -webkit-animation-timing-function: ease-in-out;
2688 animation-timing-function: ease-in-out;
2692 -webkit-transform: rotate(60deg);
2693 transform: rotate(60deg);
2694 -webkit-transform-origin: top left;
2695 transform-origin: top left;
2696 -webkit-animation-timing-function: ease-in-out;
2697 animation-timing-function: ease-in-out;
2701 -webkit-transform: rotate(60deg) translateY(0);
2702 transform: rotate(60deg) translateY(0);
2703 -webkit-transform-origin: top left;
2704 transform-origin: top left;
2705 -webkit-animation-timing-function: ease-in-out;
2706 animation-timing-function: ease-in-out;
2711 -webkit-transform: translateY(700px);
2712 transform: translateY(700px);
2719 -webkit-transform: rotate(0);
2720 -ms-transform: rotate(0);
2721 transform: rotate(0);
2722 -webkit-transform-origin: top left;
2723 -ms-transform-origin: top left;
2724 transform-origin: top left;
2725 -webkit-animation-timing-function: ease-in-out;
2726 animation-timing-function: ease-in-out;
2730 -webkit-transform: rotate(80deg);
2731 -ms-transform: rotate(80deg);
2732 transform: rotate(80deg);
2733 -webkit-transform-origin: top left;
2734 -ms-transform-origin: top left;
2735 transform-origin: top left;
2736 -webkit-animation-timing-function: ease-in-out;
2737 animation-timing-function: ease-in-out;
2741 -webkit-transform: rotate(60deg);
2742 -ms-transform: rotate(60deg);
2743 transform: rotate(60deg);
2744 -webkit-transform-origin: top left;
2745 -ms-transform-origin: top left;
2746 transform-origin: top left;
2747 -webkit-animation-timing-function: ease-in-out;
2748 animation-timing-function: ease-in-out;
2752 -webkit-transform: rotate(60deg) translateY(0);
2753 -ms-transform: rotate(60deg) translateY(0);
2754 transform: rotate(60deg) translateY(0);
2755 -webkit-transform-origin: top left;
2756 -ms-transform-origin: top left;
2757 transform-origin: top left;
2758 -webkit-animation-timing-function: ease-in-out;
2759 animation-timing-function: ease-in-out;
2764 -webkit-transform: translateY(700px);
2765 -ms-transform: translateY(700px);
2766 transform: translateY(700px);
2772 -webkit-animation-name: hinge;
2773 animation-name: hinge;
2776 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2778 @-webkit-keyframes rollIn {
2781 -webkit-transform: translateX(-100%) rotate(-120deg);
2782 transform: translateX(-100%) rotate(-120deg);
2787 -webkit-transform: translateX(0px) rotate(0deg);
2788 transform: translateX(0px) rotate(0deg);
2795 -webkit-transform: translateX(-100%) rotate(-120deg);
2796 -ms-transform: translateX(-100%) rotate(-120deg);
2797 transform: translateX(-100%) rotate(-120deg);
2802 -webkit-transform: translateX(0px) rotate(0deg);
2803 -ms-transform: translateX(0px) rotate(0deg);
2804 transform: translateX(0px) rotate(0deg);
2809 -webkit-animation-name: rollIn;
2810 animation-name: rollIn;
2813 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2815 @-webkit-keyframes rollOut {
2818 -webkit-transform: translateX(0px) rotate(0deg);
2819 transform: translateX(0px) rotate(0deg);
2824 -webkit-transform: translateX(100%) rotate(120deg);
2825 transform: translateX(100%) rotate(120deg);
2829 @keyframes rollOut {
2832 -webkit-transform: translateX(0px) rotate(0deg);
2833 -ms-transform: translateX(0px) rotate(0deg);
2834 transform: translateX(0px) rotate(0deg);
2839 -webkit-transform: translateX(100%) rotate(120deg);
2840 -ms-transform: translateX(100%) rotate(120deg);
2841 transform: translateX(100%) rotate(120deg);
2846 -webkit-animation-name: rollOut;
2847 animation-name: rollOut;