|
|
|
|
@ -0,0 +1,644 @@ |
|
|
|
|
@charset "utf-8"; |
|
|
|
|
/*! |
|
|
|
|
Animate.css - http://daneden.me/animate |
|
|
|
|
Licensed under the MIT license |
|
|
|
|
|
|
|
|
|
Copyright (c) 2013 Daniel Eden |
|
|
|
|
|
|
|
|
|
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: |
|
|
|
|
|
|
|
|
|
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. |
|
|
|
|
|
|
|
|
|
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. |
|
|
|
|
*/ |
|
|
|
|
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} |
|
|
|
|
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s} |
|
|
|
|
@-webkit-keyframes bounce{ |
|
|
|
|
0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)} |
|
|
|
|
60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)} |
|
|
|
|
} |
|
|
|
|
@keyframes bounce{ |
|
|
|
|
0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)} |
|
|
|
|
60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)} |
|
|
|
|
} |
|
|
|
|
.bounce{-webkit-animation-name:bounce;animation-name:bounce} |
|
|
|
|
@-webkit-keyframes flash{ |
|
|
|
|
0%,100%,50%{opacity:1} |
|
|
|
|
25%,75%{opacity:0} |
|
|
|
|
} |
|
|
|
|
@keyframes flash{ |
|
|
|
|
0%,100%,50%{opacity:1} |
|
|
|
|
25%,75%{opacity:0} |
|
|
|
|
} |
|
|
|
|
.flash{-webkit-animation-name:flash;animation-name:flash} |
|
|
|
|
@-webkit-keyframes pulse{ |
|
|
|
|
0%,100%{-webkit-transform:scale(1);transform:scale(1)} |
|
|
|
|
50%{-webkit-transform:scale(1.1);transform:scale(1.1)} |
|
|
|
|
} |
|
|
|
|
@keyframes pulse{ |
|
|
|
|
0%,100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} |
|
|
|
|
50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} |
|
|
|
|
} |
|
|
|
|
.pulse{-webkit-animation-name:pulse;animation-name:pulse} |
|
|
|
|
@-webkit-keyframes shake{ |
|
|
|
|
0%,100%{-webkit-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)} |
|
|
|
|
20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)} |
|
|
|
|
} |
|
|
|
|
@keyframes shake{ |
|
|
|
|
0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)} |
|
|
|
|
20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)} |
|
|
|
|
} |
|
|
|
|
.shake{-webkit-animation-name:shake;animation-name:shake} |
|
|
|
|
@-webkit-keyframes swing{ |
|
|
|
|
20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)} |
|
|
|
|
40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)} |
|
|
|
|
60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)} |
|
|
|
|
80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)} |
|
|
|
|
100%{-webkit-transform:rotate(0);transform:rotate(0)} |
|
|
|
|
} |
|
|
|
|
@keyframes swing{ |
|
|
|
|
20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)} |
|
|
|
|
40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)} |
|
|
|
|
60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)} |
|
|
|
|
80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)} |
|
|
|
|
100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)} |
|
|
|
|
} |
|
|
|
|
.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing} |
|
|
|
|
@-webkit-keyframes tada{ |
|
|
|
|
0%{-webkit-transform:scale(1);transform:scale(1)} |
|
|
|
|
10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)} |
|
|
|
|
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)} |
|
|
|
|
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)} |
|
|
|
|
100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)} |
|
|
|
|
} |
|
|
|
|
@keyframes tada{ |
|
|
|
|
0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} |
|
|
|
|
10%,20%{-webkit-transform:scale(.9) rotate(-3deg);-ms-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)} |
|
|
|
|
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)} |
|
|
|
|
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)} |
|
|
|
|
100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)} |
|
|
|
|
} |
|
|
|
|
.tada{-webkit-animation-name:tada;animation-name:tada} |
|
|
|
|
@-webkit-keyframes wobble{ |
|
|
|
|
0%,100%{-webkit-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)} |
|
|
|
|
30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)} |
|
|
|
|
45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)} |
|
|
|
|
60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)} |
|
|
|
|
75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)} |
|
|
|
|
} |
|
|
|
|
@keyframes wobble{ |
|
|
|
|
0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)} |
|
|
|
|
30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)} |
|
|
|
|
45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)} |
|
|
|
|
60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)} |
|
|
|
|
75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)} |
|
|
|
|
} |
|
|
|
|
.wobble{-webkit-animation-name:wobble;animation-name:wobble} |
|
|
|
|
@-webkit-keyframes bounceIn{ |
|
|
|
|
0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)} |
|
|
|
|
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)} |
|
|
|
|
70%{-webkit-transform:scale(.9);transform:scale(.9)} |
|
|
|
|
100%{-webkit-transform:scale(1);transform:scale(1)} |
|
|
|
|
} |
|
|
|
|
@keyframes bounceIn{ |
|
|
|
|
0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)} |
|
|
|
|
50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)} |
|
|
|
|
70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)} |
|
|
|
|
100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} |
|
|
|
|
} |
|
|
|
|
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn} |
|
|
|
|
@-webkit-keyframes bounceInDown{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)} |
|
|
|
|
60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)} |
|
|
|
|
80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)} |
|
|
|
|
100%{-webkit-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
} |
|
|
|
|
@keyframes bounceInDown{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)} |
|
|
|
|
60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)} |
|
|
|
|
80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)} |
|
|
|
|
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
} |
|
|
|
|
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown} |
|
|
|
|
@-webkit-keyframes bounceInLeft{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)} |
|
|
|
|
60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)} |
|
|
|
|
80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)} |
|
|
|
|
100%{-webkit-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
} |
|
|
|
|
@keyframes bounceInLeft{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)} |
|
|
|
|
60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)} |
|
|
|
|
80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)} |
|
|
|
|
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
} |
|
|
|
|
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft} |
|
|
|
|
@-webkit-keyframes bounceInRight{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)} |
|
|
|
|
60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)} |
|
|
|
|
80%{-webkit-transform:translateX(10px);transform:translateX(10px)} |
|
|
|
|
100%{-webkit-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
} |
|
|
|
|
@keyframes bounceInRight{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)} |
|
|
|
|
60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)} |
|
|
|
|
80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)} |
|
|
|
|
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
} |
|
|
|
|
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight} |
|
|
|
|
@-webkit-keyframes bounceInUp{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)} |
|
|
|
|
60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)} |
|
|
|
|
80%{-webkit-transform:translateY(10px);transform:translateY(10px)} |
|
|
|
|
100%{-webkit-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
} |
|
|
|
|
@keyframes bounceInUp{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)} |
|
|
|
|
60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)} |
|
|
|
|
80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)} |
|
|
|
|
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
} |
|
|
|
|
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp} |
|
|
|
|
@-webkit-keyframes bounceOut{ |
|
|
|
|
0%{-webkit-transform:scale(1);transform:scale(1)} |
|
|
|
|
25%{-webkit-transform:scale(.95);transform:scale(.95)} |
|
|
|
|
50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)} |
|
|
|
|
100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)} |
|
|
|
|
} |
|
|
|
|
@keyframes bounceOut{ |
|
|
|
|
0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} |
|
|
|
|
25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)} |
|
|
|
|
50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} |
|
|
|
|
100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)} |
|
|
|
|
} |
|
|
|
|
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut} |
|
|
|
|
@-webkit-keyframes bounceOutDown{ |
|
|
|
|
0%{-webkit-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)} |
|
|
|
|
} |
|
|
|
|
@keyframes bounceOutDown{ |
|
|
|
|
0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)} |
|
|
|
|
} |
|
|
|
|
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown} |
|
|
|
|
@-webkit-keyframes bounceOutLeft{ |
|
|
|
|
0%{-webkit-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)} |
|
|
|
|
} |
|
|
|
|
@keyframes bounceOutLeft{ |
|
|
|
|
0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)} |
|
|
|
|
} |
|
|
|
|
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft} |
|
|
|
|
@-webkit-keyframes bounceOutRight{ |
|
|
|
|
0%{-webkit-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)} |
|
|
|
|
} |
|
|
|
|
@keyframes bounceOutRight{ |
|
|
|
|
0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)} |
|
|
|
|
} |
|
|
|
|
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight} |
|
|
|
|
@-webkit-keyframes bounceOutUp{ |
|
|
|
|
0%{-webkit-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)} |
|
|
|
|
} |
|
|
|
|
@keyframes bounceOutUp{ |
|
|
|
|
0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)} |
|
|
|
|
} |
|
|
|
|
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp} |
|
|
|
|
@-webkit-keyframes fadeIn{ |
|
|
|
|
0%{opacity:0} |
|
|
|
|
100%{opacity:1} |
|
|
|
|
} |
|
|
|
|
@keyframes fadeIn{ |
|
|
|
|
0%{opacity:0} |
|
|
|
|
100%{opacity:1} |
|
|
|
|
} |
|
|
|
|
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn} |
|
|
|
|
@-webkit-keyframes fadeInDown{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)} |
|
|
|
|
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
} |
|
|
|
|
@keyframes fadeInDown{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)} |
|
|
|
|
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
} |
|
|
|
|
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown} |
|
|
|
|
@-webkit-keyframes fadeInDownBig{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)} |
|
|
|
|
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
} |
|
|
|
|
@keyframes fadeInDownBig{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)} |
|
|
|
|
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
} |
|
|
|
|
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig} |
|
|
|
|
@-webkit-keyframes fadeInLeft{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)} |
|
|
|
|
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
} |
|
|
|
|
@keyframes fadeInLeft{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)} |
|
|
|
|
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
} |
|
|
|
|
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft} |
|
|
|
|
@-webkit-keyframes fadeInLeftBig{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)} |
|
|
|
|
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
} |
|
|
|
|
@keyframes fadeInLeftBig{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)} |
|
|
|
|
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
} |
|
|
|
|
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig} |
|
|
|
|
@-webkit-keyframes fadeInRight{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)} |
|
|
|
|
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
} |
|
|
|
|
@keyframes fadeInRight{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)} |
|
|
|
|
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
} |
|
|
|
|
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight} |
|
|
|
|
@-webkit-keyframes fadeInRightBig{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)} |
|
|
|
|
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
} |
|
|
|
|
@keyframes fadeInRightBig{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)} |
|
|
|
|
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
} |
|
|
|
|
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig} |
|
|
|
|
@-webkit-keyframes fadeInUp{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)} |
|
|
|
|
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
} |
|
|
|
|
@keyframes fadeInUp{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)} |
|
|
|
|
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
} |
|
|
|
|
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp} |
|
|
|
|
@-webkit-keyframes fadeInUpBig{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)} |
|
|
|
|
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
} |
|
|
|
|
@keyframes fadeInUpBig{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)} |
|
|
|
|
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
} |
|
|
|
|
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig} |
|
|
|
|
@-webkit-keyframes fadeOut{ |
|
|
|
|
0%{opacity:1} |
|
|
|
|
100%{opacity:0} |
|
|
|
|
} |
|
|
|
|
@keyframes fadeOut{ |
|
|
|
|
0%{opacity:1} |
|
|
|
|
100%{opacity:0} |
|
|
|
|
} |
|
|
|
|
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} |
|
|
|
|
@-webkit-keyframes fadeOutDown{ |
|
|
|
|
0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)} |
|
|
|
|
} |
|
|
|
|
@keyframes fadeOutDown{ |
|
|
|
|
0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)} |
|
|
|
|
} |
|
|
|
|
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown} |
|
|
|
|
@-webkit-keyframes fadeOutDownBig{ |
|
|
|
|
0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)} |
|
|
|
|
} |
|
|
|
|
@keyframes fadeOutDownBig{ |
|
|
|
|
0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)} |
|
|
|
|
} |
|
|
|
|
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig} |
|
|
|
|
@-webkit-keyframes fadeOutLeft{ |
|
|
|
|
0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)} |
|
|
|
|
} |
|
|
|
|
@keyframes fadeOutLeft{ |
|
|
|
|
0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)} |
|
|
|
|
} |
|
|
|
|
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft} |
|
|
|
|
@-webkit-keyframes fadeOutLeftBig{ |
|
|
|
|
0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)} |
|
|
|
|
} |
|
|
|
|
@keyframes fadeOutLeftBig{ |
|
|
|
|
0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)} |
|
|
|
|
} |
|
|
|
|
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig} |
|
|
|
|
@-webkit-keyframes fadeOutRight{ |
|
|
|
|
0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)} |
|
|
|
|
} |
|
|
|
|
@keyframes fadeOutRight{ |
|
|
|
|
0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)} |
|
|
|
|
} |
|
|
|
|
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight} |
|
|
|
|
@-webkit-keyframes fadeOutRightBig{ |
|
|
|
|
0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)} |
|
|
|
|
} |
|
|
|
|
@keyframes fadeOutRightBig{ |
|
|
|
|
0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)} |
|
|
|
|
} |
|
|
|
|
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig} |
|
|
|
|
@-webkit-keyframes fadeOutUp{ |
|
|
|
|
0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)} |
|
|
|
|
} |
|
|
|
|
@keyframes fadeOutUp{ |
|
|
|
|
0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)} |
|
|
|
|
} |
|
|
|
|
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp} |
|
|
|
|
@-webkit-keyframes fadeOutUpBig{ |
|
|
|
|
0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)} |
|
|
|
|
} |
|
|
|
|
@keyframes fadeOutUpBig{ |
|
|
|
|
0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)} |
|
|
|
|
} |
|
|
|
|
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig} |
|
|
|
|
@-webkit-keyframes flip{ |
|
|
|
|
0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} |
|
|
|
|
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} |
|
|
|
|
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} |
|
|
|
|
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} |
|
|
|
|
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} |
|
|
|
|
} |
|
|
|
|
@keyframes flip{ |
|
|
|
|
0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} |
|
|
|
|
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} |
|
|
|
|
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} |
|
|
|
|
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} |
|
|
|
|
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} |
|
|
|
|
} |
|
|
|
|
.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip} |
|
|
|
|
@-webkit-keyframes flipInX{ |
|
|
|
|
0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0} |
|
|
|
|
40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)} |
|
|
|
|
70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)} |
|
|
|
|
100%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1} |
|
|
|
|
} |
|
|
|
|
@keyframes flipInX{ |
|
|
|
|
0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0} |
|
|
|
|
40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)} |
|
|
|
|
70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)} |
|
|
|
|
100%{-webkit-transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1} |
|
|
|
|
} |
|
|
|
|
.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX} |
|
|
|
|
@-webkit-keyframes flipInY{ |
|
|
|
|
0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0} |
|
|
|
|
40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)} |
|
|
|
|
70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)} |
|
|
|
|
100%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1} |
|
|
|
|
} |
|
|
|
|
@keyframes flipInY{ |
|
|
|
|
0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0} |
|
|
|
|
40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)} |
|
|
|
|
70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)} |
|
|
|
|
100%{-webkit-transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1} |
|
|
|
|
} |
|
|
|
|
.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY} |
|
|
|
|
@-webkit-keyframes flipOutX{ |
|
|
|
|
0%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1} |
|
|
|
|
100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0} |
|
|
|
|
} |
|
|
|
|
@keyframes flipOutX{ |
|
|
|
|
0%{-webkit-transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1} |
|
|
|
|
100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0} |
|
|
|
|
} |
|
|
|
|
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important} |
|
|
|
|
@-webkit-keyframes flipOutY{ |
|
|
|
|
0%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1} |
|
|
|
|
100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0} |
|
|
|
|
} |
|
|
|
|
@keyframes flipOutY{ |
|
|
|
|
0%{-webkit-transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1} |
|
|
|
|
100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0} |
|
|
|
|
} |
|
|
|
|
.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY} |
|
|
|
|
@-webkit-keyframes lightSpeedIn{ |
|
|
|
|
0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0} |
|
|
|
|
60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1} |
|
|
|
|
80%{-webkit-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1} |
|
|
|
|
100%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1} |
|
|
|
|
} |
|
|
|
|
@keyframes lightSpeedIn{ |
|
|
|
|
0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0} |
|
|
|
|
60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1} |
|
|
|
|
80%{-webkit-transform:translateX(0) skewX(-15deg);-ms-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1} |
|
|
|
|
100%{-webkit-transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1} |
|
|
|
|
} |
|
|
|
|
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} |
|
|
|
|
@-webkit-keyframes lightSpeedOut{ |
|
|
|
|
0%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1} |
|
|
|
|
100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0} |
|
|
|
|
} |
|
|
|
|
@keyframes lightSpeedOut{ |
|
|
|
|
0%{-webkit-transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1} |
|
|
|
|
100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0} |
|
|
|
|
} |
|
|
|
|
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} |
|
|
|
|
@-webkit-keyframes rotateIn{ |
|
|
|
|
0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0} |
|
|
|
|
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} |
|
|
|
|
} |
|
|
|
|
@keyframes rotateIn{ |
|
|
|
|
0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0} |
|
|
|
|
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} |
|
|
|
|
} |
|
|
|
|
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn} |
|
|
|
|
@-webkit-keyframes rotateInDownLeft{ |
|
|
|
|
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} |
|
|
|
|
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} |
|
|
|
|
} |
|
|
|
|
@keyframes rotateInDownLeft{ |
|
|
|
|
0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} |
|
|
|
|
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} |
|
|
|
|
} |
|
|
|
|
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft} |
|
|
|
|
@-webkit-keyframes rotateInDownRight{ |
|
|
|
|
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0} |
|
|
|
|
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} |
|
|
|
|
} |
|
|
|
|
@keyframes rotateInDownRight{ |
|
|
|
|
0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0} |
|
|
|
|
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} |
|
|
|
|
} |
|
|
|
|
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight} |
|
|
|
|
@-webkit-keyframes rotateInUpLeft{ |
|
|
|
|
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0} |
|
|
|
|
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} |
|
|
|
|
} |
|
|
|
|
@keyframes rotateInUpLeft{ |
|
|
|
|
0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0} |
|
|
|
|
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} |
|
|
|
|
} |
|
|
|
|
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft} |
|
|
|
|
@-webkit-keyframes rotateInUpRight{ |
|
|
|
|
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} |
|
|
|
|
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} |
|
|
|
|
} |
|
|
|
|
@keyframes rotateInUpRight{ |
|
|
|
|
0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} |
|
|
|
|
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} |
|
|
|
|
} |
|
|
|
|
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight} |
|
|
|
|
@-webkit-keyframes rotateOut{ |
|
|
|
|
0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} |
|
|
|
|
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0} |
|
|
|
|
} |
|
|
|
|
@keyframes rotateOut{ |
|
|
|
|
0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} |
|
|
|
|
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0} |
|
|
|
|
} |
|
|
|
|
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut} |
|
|
|
|
@-webkit-keyframes rotateOutDownLeft{ |
|
|
|
|
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} |
|
|
|
|
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0} |
|
|
|
|
} |
|
|
|
|
@keyframes rotateOutDownLeft{ |
|
|
|
|
0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} |
|
|
|
|
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0} |
|
|
|
|
} |
|
|
|
|
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft} |
|
|
|
|
@-webkit-keyframes rotateOutDownRight{ |
|
|
|
|
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} |
|
|
|
|
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} |
|
|
|
|
} |
|
|
|
|
@keyframes rotateOutDownRight{ |
|
|
|
|
0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} |
|
|
|
|
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} |
|
|
|
|
} |
|
|
|
|
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight} |
|
|
|
|
@-webkit-keyframes rotateOutUpLeft{ |
|
|
|
|
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} |
|
|
|
|
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} |
|
|
|
|
} |
|
|
|
|
@keyframes rotateOutUpLeft{ |
|
|
|
|
0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} |
|
|
|
|
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} |
|
|
|
|
} |
|
|
|
|
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft} |
|
|
|
|
@-webkit-keyframes rotateOutUpRight{ |
|
|
|
|
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} |
|
|
|
|
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0} |
|
|
|
|
} |
|
|
|
|
@keyframes rotateOutUpRight{ |
|
|
|
|
0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} |
|
|
|
|
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0} |
|
|
|
|
} |
|
|
|
|
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight} |
|
|
|
|
@-webkit-keyframes slideInDown{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)} |
|
|
|
|
100%{-webkit-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
} |
|
|
|
|
@keyframes slideInDown{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)} |
|
|
|
|
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
} |
|
|
|
|
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown} |
|
|
|
|
@-webkit-keyframes slideInLeft{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)} |
|
|
|
|
100%{-webkit-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
} |
|
|
|
|
@keyframes slideInLeft{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)} |
|
|
|
|
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
} |
|
|
|
|
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft} |
|
|
|
|
@-webkit-keyframes slideInRight{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)} |
|
|
|
|
100%{-webkit-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
} |
|
|
|
|
@keyframes slideInRight{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)} |
|
|
|
|
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
} |
|
|
|
|
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight} |
|
|
|
|
@-webkit-keyframes slideOutLeft{ |
|
|
|
|
0%{-webkit-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)} |
|
|
|
|
} |
|
|
|
|
@keyframes slideOutLeft{ |
|
|
|
|
0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)} |
|
|
|
|
} |
|
|
|
|
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft} |
|
|
|
|
@-webkit-keyframes slideOutRight{ |
|
|
|
|
0%{-webkit-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)} |
|
|
|
|
} |
|
|
|
|
@keyframes slideOutRight{ |
|
|
|
|
0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)} |
|
|
|
|
} |
|
|
|
|
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight} |
|
|
|
|
@-webkit-keyframes slideOutUp{ |
|
|
|
|
0%{-webkit-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)} |
|
|
|
|
} |
|
|
|
|
@keyframes slideOutUp{ |
|
|
|
|
0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)} |
|
|
|
|
} |
|
|
|
|
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} |
|
|
|
|
@-webkit-keyframes hinge{ |
|
|
|
|
0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} |
|
|
|
|
20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} |
|
|
|
|
40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} |
|
|
|
|
80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} |
|
|
|
|
100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0} |
|
|
|
|
} |
|
|
|
|
@keyframes hinge{ |
|
|
|
|
0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} |
|
|
|
|
20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} |
|
|
|
|
40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} |
|
|
|
|
80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} |
|
|
|
|
100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0} |
|
|
|
|
} |
|
|
|
|
.hinge{-webkit-animation-name:hinge;animation-name:hinge} |
|
|
|
|
@-webkit-keyframes rollIn{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)} |
|
|
|
|
100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)} |
|
|
|
|
} |
|
|
|
|
@keyframes rollIn{ |
|
|
|
|
0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)} |
|
|
|
|
100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)} |
|
|
|
|
} |
|
|
|
|
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn} |
|
|
|
|
@-webkit-keyframes rollOut{ |
|
|
|
|
0%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)} |
|
|
|
|
} |
|
|
|
|
@keyframes rollOut{ |
|
|
|
|
0%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)} |
|
|
|
|
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)} |
|
|
|
|
} |
|
|
|
|
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut} |
