@-webkit-keyframes spaceInLeft {
0% {
opacity:0;
-webkit-transform-origin:0% 50%;
transform-origin:0% 50%;
-webkit-transform:scale(.2) translate(-200%, 0%);
transform:scale(.2) translate(-200%, 0%);
}
100% {
opacity:1;
-webkit-transform-origin:0% 50%;
transform-origin:0% 50%;
-webkit-transform:scale(1) translate(0%, 0%);
transform:scale(1) translate(0%, 0%);
}
}
@keyframes spaceInLeft {
0% {
opacity:0;
-webkit-transform-origin:0% 50%;
transform-origin:0% 50%;
-webkit-transform:scale(.2) translate(-200%, 0%);
transform:scale(.2) translate(-200%, 0%);
}
100% {
opacity:1;
-webkit-transform-origin:0% 50%;
transform-origin:0% 50%;
-webkit-transform:scale(1) translate(0%, 0%);
transform:scale(1) translate(0%, 0%);
}
}
@-webkit-keyframes spaceInDown {
0% {
opacity:0;
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%;
-webkit-transform:scale(.2) translate(0%, 200%);
transform:scale(.2) translate(0%, 200%);
}
100% {
opacity:1;
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%;
-webkit-transform:scale(1) translate(0%, 0%);
transform:scale(1) translate(0%, 0%);
}
}
@keyframes spaceInDown {
0% {
opacity:0;
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%;
-webkit-transform:scale(.2) translate(0%, 200%);
transform:scale(.2) translate(0%, 200%);
}
100% {
opacity:1;
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%;
-webkit-transform:scale(1) translate(0%, 0%);
transform:scale(1) translate(0%, 0%);
}
}
@-webkit-keyframes spaceInRight {
0% {
opacity:0;
-webkit-transform-origin:100% 50%;
transform-origin:100% 50%;
-webkit-transform:scale(.2) translate(200%, 0%);
transform:scale(.2) translate(200%, 0%);
}
100% {
opacity:1;
-webkit-transform-origin:100% 50%;
transform-origin:100% 50%;
-webkit-transform:scale(1) translate(0%, 0%);
transform:scale(1) translate(0%, 0%);
}
}
@keyframes spaceInRight {
0% {
opacity:0;
-webkit-transform-origin:100% 50%;
transform-origin:100% 50%;
-webkit-transform:scale(.2) translate(200%, 0%);
transform:scale(.2) translate(200%, 0%);
}
100% {
opacity:1;
-webkit-transform-origin:100% 50%;
transform-origin:100% 50%;
-webkit-transform:scale(1) translate(0%, 0%);
transform:scale(1) translate(0%, 0%);
}
}
@-webkit-keyframes spaceInUp {
0% {
opacity:0;
-webkit-transform-origin:50% 0%;
transform-origin:50% 0%;
-webkit-transform:scale(.2) translate(0%, -200%);
transform:scale(.2) translate(0%, -200%);
}
100% {
opacity:1;
-webkit-transform-origin:50% 0%;
transform-origin:50% 0%;
-webkit-transform:scale(1) translate(0%, 0%);
transform:scale(1) translate(0%, 0%);
}
}
@keyframes spaceInUp {
0% {
opacity:0;
-webkit-transform-origin:50% 0%;
transform-origin:50% 0%;
-webkit-transform:scale(.2) translate(0%, -200%);
transform:scale(.2) translate(0%, -200%);
}
100% {
opacity:1;
-webkit-transform-origin:50% 0%;
transform-origin:50% 0%;
-webkit-transform:scale(1) translate(0%, 0%);
transform:scale(1) translate(0%, 0%);
}
}
@-webkit-keyframes spaceOutLeft {
0% {
opacity:1;
-webkit-transform-origin:0% 50%;
transform-origin:0% 50%;
-webkit-transform:scale(1) translate(0%, 0%);
transform:scale(1) translate(0%, 0%);
}
100% {
opacity:0;
-webkit-transform-origin:0% 50%;
transform-origin:0% 50%;
-webkit-transform:scale(.2) translate(-200%, 0%);
transform:scale(.2) translate(-200%, 0%);
}
}
@keyframes spaceOutLeft {
0% {
opacity:1;
-webkit-transform-origin:0% 50%;
transform-origin:0% 50%;
-webkit-transform:scale(1) translate(0%, 0%);
transform:scale(1) translate(0%, 0%);
}
100% {
opacity:0;
-webkit-transform-origin:0% 50%;
transform-origin:0% 50%;
-webkit-transform:scale(.2) translate(-200%, 0%);
transform:scale(.2) translate(-200%, 0%);
}
}
@-webkit-keyframes spaceOutDown {
0% {
opacity:1;
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%;
-webkit-transform:scale(1) translate(0%, 0%);
transform:scale(1) translate(0%, 0%);
}
100% {
opacity:0;
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%;
-webkit-transform:scale(.2) translate(0%, 200%);
transform:scale(.2) translate(0%, 200%);
}
}
@keyframes spaceOutDown {
0% {
opacity:1;
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%;
-webkit-transform:scale(1) translate(0%, 0%);
transform:scale(1) translate(0%, 0%);
}
100% {
opacity:0;
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%;
-webkit-transform:scale(.2) translate(0%, 200%);
transform:scale(.2) translate(0%, 200%);
}
}
@-webkit-keyframes spaceOutRight {
0% {
opacity:1;
-webkit-transform-origin:100% 50%;
transform-origin:100% 50%;
-webkit-transform:scale(1) translate(0%, 0%);
transform:scale(1) translate(0%, 0%);
}
100% {
opacity:0;
-webkit-transform-origin:100% 50%;
transform-origin:100% 50%;
-webkit-transform:scale(.2) translate(200%, 0%);
transform:scale(.2) translate(200%, 0%);
}
}
@keyframes spaceOutRight {
0% {
opacity:1;
-webkit-transform-origin:100% 50%;
transform-origin:100% 50%;
-webkit-transform:scale(1) translate(0%, 0%);
transform:scale(1) translate(0%, 0%);
}
100% {
opacity:0;
-webkit-transform-origin:100% 50%;
transform-origin:100% 50%;
-webkit-transform:scale(.2) translate(200%, 0%);
transform:scale(.2) translate(200%, 0%);
}
}
@-webkit-keyframes spaceOutUp {
0% {
opacity:1;
-webkit-transform-origin:50% 0%;
transform-origin:50% 0%;
-webkit-transform:scale(1) translate(0%, 0%);
transform:scale(1) translate(0%, 0%);
}
100% {
opacity:0;
-webkit-transform-origin:50% 0%;
transform-origin:50% 0%;
-webkit-transform:scale(.2) translate(0%, -200%);
transform:scale(.2) translate(0%, -200%);
}
}
@keyframes spaceOutUp {
0% {
opacity:1;
-webkit-transform-origin:50% 0%;
transform-origin:50% 0%;
-webkit-transform:scale(1) translate(0%, 0%);
transform:scale(1) translate(0%, 0%);
}
100% {
opacity:0;
-webkit-transform-origin:50% 0%;
transform-origin:50% 0%;
-webkit-transform:scale(.2) translate(0%, -200%);
transform:scale(.2) translate(0%, -200%);
}
}
@-webkit-keyframes boingOutDown {
0% {
opacity:1;
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%;
-webkit-transform:perspective(800px) rotateX(0deg) rotateY(0deg);
transform:perspective(800px) rotateX(0deg) rotateY(0deg);
}
20% {
opacity:1;
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%;
-webkit-transform:perspective(800px) rotateX(0deg) rotateY(10deg);
transform:perspective(800px) rotateX(0deg) rotateY(10deg);
}
30% {
opacity:1;
-webkit-transform-origin:0% 100%;
transform-origin:0% 100%;
-webkit-transform:perspective(800px) rotateX(0deg) rotateY(0deg);
transform:perspective(800px) rotateX(0deg) rotateY(0deg);
}
40% {
opacity:1;
-webkit-transform-origin:0% 100%;
transform-origin:0% 100%;
-webkit-transform:perspective(800px) rotateX(10deg) rotateY(10deg);
transform:perspective(800px) rotateX(10deg) rotateY(10deg);
}
100% {
opacity:0;
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%;
-webkit-transform:perspective(800px) rotateX(90deg) rotateY(0deg);
transform:perspective(800px) rotateX(90deg) rotateY(0deg);
}
}
@keyframes boingOutDown {
0% {
opacity:1;
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%;
-webkit-transform:perspective(800px) rotateX(0deg) rotateY(0deg);
transform:perspective(800px) rotateX(0deg) rotateY(0deg);
}
20% {
opacity:1;
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%;
-webkit-transform:perspective(800px) rotateX(0deg) rotateY(10deg);
transform:perspective(800px) rotateX(0deg) rotateY(10deg);
}
30% {
opacity:1;
-webkit-transform-origin:0% 100%;
transform-origin:0% 100%;
-webkit-transform:perspective(800px) rotateX(0deg) rotateY(0deg);
transform:perspective(800px) rotateX(0deg) rotateY(0deg);
}
40% {
opacity:1;
-webkit-transform-origin:0% 100%;
transform-origin:0% 100%;
-webkit-transform:perspective(800px) rotateX(10deg) rotateY(10deg);
transform:perspective(800px) rotateX(10deg) rotateY(10deg);
}
100% {
opacity:0;
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%;
-webkit-transform:perspective(800px) rotateX(90deg) rotateY(0deg);
transform:perspective(800px) rotateX(90deg) rotateY(0deg);
}
}
@-webkit-keyframes boingInUp {
0% {
opacity:0;
-webkit-transform-origin:50% 0%;
transform-origin:50% 0%;
-webkit-transform:perspective(800px) rotateX(-90deg);
transform:perspective(800px) rotateX(-90deg);
}
50% {
opacity:1;
-webkit-transform-origin:50% 0%;
transform-origin:50% 0%;
-webkit-transform:perspective(800px) rotateX(50deg);
transform:perspective(800px) rotateX(50deg);
}
100% {
opacity:1;
-webkit-transform-origin:50% 0%;
transform-origin:50% 0%;
-webkit-transform:perspective(800px) rotateX(0deg);
transform:perspective(800px) rotateX(0deg);
}
}
@keyframes boingInUp {
0% {
opacity:0;
-webkit-transform-origin:50% 0%;
transform-origin:50% 0%;
-webkit-transform:perspective(800px) rotateX(-90deg);
transform:perspective(800px) rotateX(-90deg);
}
50% {
opacity:1;
-webkit-transform-origin:50% 0%;
transform-origin:50% 0%;
-webkit-transform:perspective(800px) rotateX(50deg);
transform:perspective(800px) rotateX(50deg);
}
100% {
opacity:1;
-webkit-transform-origin:50% 0%;
transform-origin:50% 0%;
-webkit-transform:perspective(800px) rotateX(0deg);
transform:perspective(800px) rotateX(0deg);
}
}
@-webkit-keyframes bombLeftOut {
0% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-filter:blur(0px);
filter:blur(0px);
}
50% {
opacity:1;
-webkit-transform-origin:-100% 50%;
transform-origin:-100% 50%;
-webkit-transform:rotate(-160deg);
transform:rotate(-160deg);
-webkit-filter:blur(0px);
filter:blur(0px);
}
100% {
opacity:0;
-webkit-transform-origin:-100% 50%;
transform-origin:-100% 50%;
-webkit-transform:rotate(-160deg);
transform:rotate(-160deg);
-webkit-filter:blur(20px);
filter:blur(20px);
}
}
@keyframes bombLeftOut {
0% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-filter:blur(0px);
filter:blur(0px);
}
50% {
opacity:1;
-webkit-transform-origin:-100% 50%;
transform-origin:-100% 50%;
-webkit-transform:rotate(-160deg);
transform:rotate(-160deg);
-webkit-filter:blur(0px);
filter:blur(0px);
}
100% {
opacity:0;
-webkit-transform-origin:-100% 50%;
transform-origin:-100% 50%;
-webkit-transform:rotate(-160deg);
transform:rotate(-160deg);
-webkit-filter:blur(20px);
filter:blur(20px);
}
}
@-webkit-keyframes bombRightOut {
0% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-filter:blur(0px);
filter:blur(0px);
}
50% {
opacity:1;
-webkit-transform-origin:200% 50%;
transform-origin:200% 50%;
-webkit-transform:rotate(160deg);
transform:rotate(160deg);
-webkit-filter:blur(0px);
filter:blur(0px);
}
100% {
opacity:0;
-webkit-transform-origin:200% 50%;
transform-origin:200% 50%;
-webkit-transform:rotate(160deg);
transform:rotate(160deg);
-webkit-filter:blur(20px);
filter:blur(20px);
}
}
@keyframes bombRightOut {
0% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-filter:blur(0px);
filter:blur(0px);
}
50% {
opacity:1;
-webkit-transform-origin:200% 50%;
transform-origin:200% 50%;
-webkit-transform:rotate(160deg);
transform:rotate(160deg);
-webkit-filter:blur(0px);
filter:blur(0px);
}
100% {
opacity:0;
-webkit-transform-origin:200% 50%;
transform-origin:200% 50%;
-webkit-transform:rotate(160deg);
transform:rotate(160deg);
-webkit-filter:blur(20px);
filter:blur(20px);
}
}
@-webkit-keyframes tinDownIn {
0% {
opacity:0;
-webkit-transform:scale(1, 1) translateY(900%);
transform:scale(1, 1) translateY(900%);
}
50%, 70%, 90% {
opacity:1;
-webkit-transform:scale(1.1, 1.1) translateY(0);
transform:scale(1.1, 1.1) translateY(0);
}
60%, 80%, 100% {
opacity:1;
-webkit-transform:scale(1, 1) translateY(0);
transform:scale(1, 1) translateY(0);
}
}
@keyframes tinDownIn {
0% {
opacity:0;
-webkit-transform:scale(1, 1) translateY(900%);
transform:scale(1, 1) translateY(900%);
}
50%, 70%, 90% {
opacity:1;
-webkit-transform:scale(1.1, 1.1) translateY(0);
transform:scale(1.1, 1.1) translateY(0);
}
60%, 80%, 100% {
opacity:1;
-webkit-transform:scale(1, 1) translateY(0);
transform:scale(1, 1) translateY(0);
}
}
@-webkit-keyframes tinUpIn {
0% {
opacity:0;
-webkit-transform:scale(1, 1) translateY(-900%);
transform:scale(1, 1) translateY(-900%);
}
50%, 70%, 90% {
opacity:1;
-webkit-transform:scale(1.1, 1.1) translateY(0);
transform:scale(1.1, 1.1) translateY(0);
}
60%, 80%, 100% {
opacity:1;
-webkit-transform:scale(1, 1) translateY(0);
transform:scale(1, 1) translateY(0);
}
}
@keyframes tinUpIn {
0% {
opacity:0;
-webkit-transform:scale(1, 1) translateY(-900%);
transform:scale(1, 1) translateY(-900%);
}
50%, 70%, 90% {
opacity:1;
-webkit-transform:scale(1.1, 1.1) translateY(0);
transform:scale(1.1, 1.1) translateY(0);
}
60%, 80%, 100% {
opacity:1;
-webkit-transform:scale(1, 1) translateY(0);
transform:scale(1, 1) translateY(0);
}
}
@-webkit-keyframes tinLeftIn {
0% {
opacity:0;
-webkit-transform:scale(1, 1) translateX(-900%);
transform:scale(1, 1) translateX(-900%);
}
50%, 70%, 90% {
opacity:1;
-webkit-transform:scale(1.1, 1.1) translateX(0);
transform:scale(1.1, 1.1) translateX(0);
}
60%, 80%, 100% {
opacity:1;
-webkit-transform:scale(1, 1) translateX(0);
transform:scale(1, 1) translateX(0);
}
}
@keyframes tinLeftIn {
0% {
opacity:0;
-webkit-transform:scale(1, 1) translateX(-900%);
transform:scale(1, 1) translateX(-900%);
}
50%, 70%, 90% {
opacity:1;
-webkit-transform:scale(1.1, 1.1) translateX(0);
transform:scale(1.1, 1.1) translateX(0);
}
60%, 80%, 100% {
opacity:1;
-webkit-transform:scale(1, 1) translateX(0);
transform:scale(1, 1) translateX(0);
}
}
@-webkit-keyframes tinRightIn {
0% {
opacity:0;
-webkit-transform:scale(1, 1) translateX(900%);
transform:scale(1, 1) translateX(900%);
}
50%, 70%, 90% {
opacity:1;
-webkit-transform:scale(1.1, 1.1) translateX(0);
transform:scale(1.1, 1.1) translateX(0);
}
60%, 80%, 100% {
opacity:1;
-webkit-transform:scale(1, 1) translateX(0);
transform:scale(1, 1) translateX(0);
}
}
@keyframes tinRightIn {
0% {
opacity:0;
-webkit-transform:scale(1, 1) translateX(900%);
transform:scale(1, 1) translateX(900%);
}
50%, 70%, 90% {
opacity:1;
-webkit-transform:scale(1.1, 1.1) translateX(0);
transform:scale(1.1, 1.1) translateX(0);
}
60%, 80%, 100% {
opacity:1;
-webkit-transform:scale(1, 1) translateX(0);
transform:scale(1, 1) translateX(0);
}
}
@-webkit-keyframes tinDownOut {
0%, 20%, 40%, 50% {
opacity:1;
-webkit-transform:scale(1, 1) translateY(0);
transform:scale(1, 1) translateY(0);
}
10%, 30% {
opacity:1;
-webkit-transform:scale(1.1, 1.1) translateY(0);
transform:scale(1.1, 1.1) translateY(0);
}
100% {
opacity:0;
-webkit-transform:scale(1, 1) translateY(900%);
transform:scale(1, 1) translateY(900%);
}
}
@keyframes tinDownOut {
0%, 20%, 40%, 50% {
opacity:1;
-webkit-transform:scale(1, 1) translateY(0);
transform:scale(1, 1) translateY(0);
}
10%, 30% {
opacity:1;
-webkit-transform:scale(1.1, 1.1) translateY(0);
transform:scale(1.1, 1.1) translateY(0);
}
100% {
opacity:0;
-webkit-transform:scale(1, 1) translateY(900%);
transform:scale(1, 1) translateY(900%);
}
}
@-webkit-keyframes tinUpOut {
0%, 20%, 40%, 50% {
opacity:1;
-webkit-transform:scale(1, 1) translateY(0);
transform:scale(1, 1) translateY(0);
}
10%, 30% {
opacity:1;
-webkit-transform:scale(1.1, 1.1) translateY(0);
transform:scale(1.1, 1.1) translateY(0);
}
100% {
opacity:0;
-webkit-transform:scale(1, 1) translateY(-900%);
transform:scale(1, 1) translateY(-900%);
}
}
@keyframes tinUpOut {
0%, 20%, 40%, 50% {
opacity:1;
-webkit-transform:scale(1, 1) translateY(0);
transform:scale(1, 1) translateY(0);
}
10%, 30% {
opacity:1;
-webkit-transform:scale(1.1, 1.1) translateY(0);
transform:scale(1.1, 1.1) translateY(0);
}
100% {
opacity:0;
-webkit-transform:scale(1, 1) translateY(-900%);
transform:scale(1, 1) translateY(-900%);
}
}
@-webkit-keyframes tinLeftOut {
0%, 20%, 40%, 50% {
opacity:1;
-webkit-transform:scale(1, 1) translateX(0);
transform:scale(1, 1) translateX(0);
}
10%, 30% {
opacity:1;
-webkit-transform:scale(1.1, 1.1) translateX(0);
transform:scale(1.1, 1.1) translateX(0);
}
100% {
opacity:0;
-webkit-transform:scale(1, 1) translateX(-900%);
transform:scale(1, 1) translateX(-900%);
}
}
@keyframes tinLeftOut {
0%, 20%, 40%, 50% {
opacity:1;
-webkit-transform:scale(1, 1) translateX(0);
transform:scale(1, 1) translateX(0);
}
10%, 30% {
opacity:1;
-webkit-transform:scale(1.1, 1.1) translateX(0);
transform:scale(1.1, 1.1) translateX(0);
}
100% {
opacity:0;
-webkit-transform:scale(1, 1) translateX(-900%);
transform:scale(1, 1) translateX(-900%);
}
}
@-webkit-keyframes tinRightOut {
0%, 20%, 40%, 50% {
opacity:1;
-webkit-transform:scale(1, 1) translateX(0);
transform:scale(1, 1) translateX(0);
}
10%, 30% {
opacity:1;
-webkit-transform:scale(1.1, 1.1) translateX(0);
transform:scale(1.1, 1.1) translateX(0);
}
100% {
opacity:0;
-webkit-transform:scale(1, 1) translateX(900%);
transform:scale(1, 1) translateX(900%);
}
}
@keyframes tinRightOut {
0%, 20%, 40%, 50% {
opacity:1;
-webkit-transform:scale(1, 1) translateX(0);
transform:scale(1, 1) translateX(0);
}
10%, 30% {
opacity:1;
-webkit-transform:scale(1.1, 1.1) translateX(0);
transform:scale(1.1, 1.1) translateX(0);
}
100% {
opacity:0;
-webkit-transform:scale(1, 1) translateX(900%);
transform:scale(1, 1) translateX(900%);
}
}
@-webkit-keyframes holeOut {
0% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(1, 1) rotateY(0deg);
transform:scale(1, 1) rotateY(0deg);
}
100% {
opacity:0;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(0, 0) rotateY(180deg);
transform:scale(0, 0) rotateY(180deg);
}
}
@keyframes holeOut {
0% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(1, 1) rotateY(0deg);
transform:scale(1, 1) rotateY(0deg);
}
100% {
opacity:0;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(0, 0) rotateY(180deg);
transform:scale(0, 0) rotateY(180deg);
}
}
@-webkit-keyframes foolishIn {
0% {
opacity:0;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(0, 0) rotate(360deg);
transform:scale(0, 0) rotate(360deg);
}
20% {
opacity:1;
-webkit-transform-origin:0% 100%;
transform-origin:0% 100%;
-webkit-transform:scale(0.5, 0.5) rotate(0deg);
transform:scale(0.5, 0.5) rotate(0deg);
}
40% {
opacity:1;
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%;
-webkit-transform:scale(0.5, 0.5) rotate(0deg);
transform:scale(0.5, 0.5) rotate(0deg);
}
60% {
opacity:1;
-webkit-transform-origin:0%;
transform-origin:0%;
-webkit-transform:scale(0.5, 0.5) rotate(0deg);
transform:scale(0.5, 0.5) rotate(0deg);
}
80% {
opacity:1;
-webkit-transform-origin:0% 0%;
transform-origin:0% 0%;
-webkit-transform:scale(0.5, 0.5) rotate(0deg);
transform:scale(0.5, 0.5) rotate(0deg);
}
100% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(1, 1) rotate(0deg);
transform:scale(1, 1) rotate(0deg);
}
}
@keyframes foolishIn {
0% {
opacity:0;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(0, 0) rotate(360deg);
transform:scale(0, 0) rotate(360deg);
}
20% {
opacity:1;
-webkit-transform-origin:0% 100%;
transform-origin:0% 100%;
-webkit-transform:scale(0.5, 0.5) rotate(0deg);
transform:scale(0.5, 0.5) rotate(0deg);
}
40% {
opacity:1;
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%;
-webkit-transform:scale(0.5, 0.5) rotate(0deg);
transform:scale(0.5, 0.5) rotate(0deg);
}
60% {
opacity:1;
-webkit-transform-origin:0%;
transform-origin:0%;
-webkit-transform:scale(0.5, 0.5) rotate(0deg);
transform:scale(0.5, 0.5) rotate(0deg);
}
80% {
opacity:1;
-webkit-transform-origin:0% 0%;
transform-origin:0% 0%;
-webkit-transform:scale(0.5, 0.5) rotate(0deg);
transform:scale(0.5, 0.5) rotate(0deg);
}
100% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(1, 1) rotate(0deg);
transform:scale(1, 1) rotate(0deg);
}
}
@-webkit-keyframes foolishOut {
0% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(1, 1) rotate(360deg);
transform:scale(1, 1) rotate(360deg);
}
20% {
opacity:1;
-webkit-transform-origin:0% 0%;
transform-origin:0% 0%;
-webkit-transform:scale(0.5, 0.5) rotate(0deg);
transform:scale(0.5, 0.5) rotate(0deg);
}
40% {
opacity:1;
-webkit-transform-origin:100% 0%;
transform-origin:100% 0%;
-webkit-transform:scale(0.5, 0.5) rotate(0deg);
transform:scale(0.5, 0.5) rotate(0deg);
}
60% {
opacity:1;
-webkit-transform-origin:0%;
transform-origin:0%;
-webkit-transform:scale(0.5, 0.5) rotate(0deg);
transform:scale(0.5, 0.5) rotate(0deg);
}
80% {
opacity:1;
-webkit-transform-origin:0% 100%;
transform-origin:0% 100%;
-webkit-transform:scale(0.5, 0.5) rotate(0deg);
transform:scale(0.5, 0.5) rotate(0deg);
}
100% {
opacity:0;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(0, 0) rotate(0deg);
transform:scale(0, 0) rotate(0deg);
}
}
@keyframes foolishOut {
0% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(1, 1) rotate(360deg);
transform:scale(1, 1) rotate(360deg);
}
20% {
opacity:1;
-webkit-transform-origin:0% 0%;
transform-origin:0% 0%;
-webkit-transform:scale(0.5, 0.5) rotate(0deg);
transform:scale(0.5, 0.5) rotate(0deg);
}
40% {
opacity:1;
-webkit-transform-origin:100% 0%;
transform-origin:100% 0%;
-webkit-transform:scale(0.5, 0.5) rotate(0deg);
transform:scale(0.5, 0.5) rotate(0deg);
}
60% {
opacity:1;
-webkit-transform-origin:0%;
transform-origin:0%;
-webkit-transform:scale(0.5, 0.5) rotate(0deg);
transform:scale(0.5, 0.5) rotate(0deg);
}
80% {
opacity:1;
-webkit-transform-origin:0% 100%;
transform-origin:0% 100%;
-webkit-transform:scale(0.5, 0.5) rotate(0deg);
transform:scale(0.5, 0.5) rotate(0deg);
}
100% {
opacity:0;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(0, 0) rotate(0deg);
transform:scale(0, 0) rotate(0deg);
}
}
@-webkit-keyframes swashIn {
0% {
opacity:0;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(0, 0);
transform:scale(0, 0);
}
90% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(0.9, 0.9);
transform:scale(0.9, 0.9);
}
100% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
}
}
@keyframes swashIn {
0% {
opacity:0;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(0, 0);
transform:scale(0, 0);
}
90% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(0.9, 0.9);
transform:scale(0.9, 0.9);
}
100% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
}
}
@-webkit-keyframes swashOut {
0% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
}
80% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(0.9, 0.9);
transform:scale(0.9, 0.9);
}
100% {
opacity:0;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(0, 0);
transform:scale(0, 0);
}
}
@keyframes swashOut {
0% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
}
80% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(0.9, 0.9);
transform:scale(0.9, 0.9);
}
100% {
opacity:0;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(0, 0);
transform:scale(0, 0);
}
}
@-webkit-keyframes slideRightReturn {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateX(100%);
transform:translateX(100%);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateX(0%);
transform:translateX(0%);
}
}
@keyframes slideRightReturn {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateX(100%);
transform:translateX(100%);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateX(0%);
transform:translateX(0%);
}
}
@-webkit-keyframes slideLeftReturn {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateX(0%);
transform:translateX(0%);
}
}
@keyframes slideLeftReturn {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateX(0%);
transform:translateX(0%);
}
}
@-webkit-keyframes slideUpReturn {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateY(0%);
transform:translateY(0%);
}
}
@keyframes slideUpReturn {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateY(0%);
transform:translateY(0%);
}
}
@-webkit-keyframes slideDownReturn {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateY(100%);
transform:translateY(100%);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateY(0%);
transform:translateY(0%);
}
}
@keyframes slideDownReturn {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateY(100%);
transform:translateY(100%);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateY(0%);
transform:translateY(0%);
}
}
@-webkit-keyframes slideRight {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateX(0%);
transform:translateX(0%);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateX(100%);
transform:translateX(100%);
}
}
@keyframes slideRight {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateX(0%);
transform:translateX(0%);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateX(100%);
transform:translateX(100%);
}
}
@-webkit-keyframes slideLeft {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateX(0%);
transform:translateX(0%);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
}
}
@keyframes slideLeft {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateX(0%);
transform:translateX(0%);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
}
}
@-webkit-keyframes slideUp {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateY(0%);
transform:translateY(0%);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
}
}
@keyframes slideUp {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateY(0%);
transform:translateY(0%);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
}
}
@-webkit-keyframes slideDown {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateY(0%);
transform:translateY(0%);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateY(100%);
transform:translateY(100%);
}
}
@keyframes slideDown {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateY(0%);
transform:translateY(0%);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:translateY(100%);
transform:translateY(100%);
}
}
@-webkit-keyframes rotateRightOut {
0% {
opacity:1;
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateY(0deg) translate3d(0px);
transform:perspective(800px) rotateY(0deg) translate3d(0px);
}
100% {
opacity:0;
-webkit-transform-origin:50% 0;
transform-origin:50% 0;
-webkit-transform:perspective(800px) rotateY(180deg) translateZ(150px);
transform:perspective(800px) rotateY(180deg) translateZ(150px);
}
}
@keyframes rotateRightOut {
0% {
opacity:1;
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateY(0deg) translate3d(0px);
transform:perspective(800px) rotateY(0deg) translate3d(0px);
}
100% {
opacity:0;
-webkit-transform-origin:50% 0;
transform-origin:50% 0;
-webkit-transform:perspective(800px) rotateY(180deg) translateZ(150px);
transform:perspective(800px) rotateY(180deg) translateZ(150px);
}
}
@-webkit-keyframes rotateLeftOut {
0% {
opacity:1;
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateY(0deg) translateZ(0px);
transform:perspective(800px) rotateY(0deg) translateZ(0px);
}
100% {
opacity:0;
-webkit-transform-origin:50% 0;
transform-origin:50% 0;
-webkit-transform:perspective(800px) rotateY(-180deg) translateZ(300px);
transform:perspective(800px) rotateY(-180deg) translateZ(300px);
}
}
@keyframes rotateLeftOut {
0% {
opacity:1;
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateY(0deg) translateZ(0px);
transform:perspective(800px) rotateY(0deg) translateZ(0px);
}
100% {
opacity:0;
-webkit-transform-origin:50% 0;
transform-origin:50% 0;
-webkit-transform:perspective(800px) rotateY(-180deg) translateZ(300px);
transform:perspective(800px) rotateY(-180deg) translateZ(300px);
}
}
@-webkit-keyframes rotateUpOut {
0% {
opacity:1;
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateX(0deg) translateZ(0px);
transform:perspective(800px) rotateX(0deg) translateZ(0px);
}
100% {
opacity:0;
-webkit-transform-origin:50% 0;
transform-origin:50% 0;
-webkit-transform:perspective(800px) rotateX(180deg) translateZ(100px);
transform:perspective(800px) rotateX(180deg) translateZ(100px);
}
}
@keyframes rotateUpOut {
0% {
opacity:1;
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateX(0deg) translateZ(0px);
transform:perspective(800px) rotateX(0deg) translateZ(0px);
}
100% {
opacity:0;
-webkit-transform-origin:50% 0;
transform-origin:50% 0;
-webkit-transform:perspective(800px) rotateX(180deg) translateZ(100px);
transform:perspective(800px) rotateX(180deg) translateZ(100px);
}
}
@-webkit-keyframes rotateDownOut {
0% {
opacity:1;
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateX(0deg) translateZ(0px);
transform:perspective(800px) rotateX(0deg) translateZ(0px);
}
100% {
opacity:0;
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%;
-webkit-transform:perspective(800px) rotateX(-180deg) translateZ(300px);
transform:perspective(800px) rotateX(-180deg) translateZ(300px);
}
}
@keyframes rotateDownOut {
0% {
opacity:1;
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateX(0deg) translateZ(0px);
transform:perspective(800px) rotateX(0deg) translateZ(0px);
}
100% {
opacity:0;
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%;
-webkit-transform:perspective(800px) rotateX(-180deg) translateZ(300px);
transform:perspective(800px) rotateX(-180deg) translateZ(300px);
}
}
@-webkit-keyframes perspectiveRightReturn {
0% {
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
-webkit-transform:perspective(800px) rotateY(180deg);
transform:perspective(800px) rotateY(180deg);
}
100% {
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
-webkit-transform:perspective(800px) rotateY(0deg);
transform:perspective(800px) rotateY(0deg);
}
}
@keyframes perspectiveRightReturn {
0% {
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
-webkit-transform:perspective(800px) rotateY(180deg);
transform:perspective(800px) rotateY(180deg);
}
100% {
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
-webkit-transform:perspective(800px) rotateY(0deg);
transform:perspective(800px) rotateY(0deg);
}
}
@-webkit-keyframes perspectiveLeftReturn {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateY(-180deg);
transform:perspective(800px) rotateY(-180deg);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateY(0deg);
transform:perspective(800px) rotateY(0deg);
}
}
@keyframes perspectiveLeftReturn {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateY(-180deg);
transform:perspective(800px) rotateY(-180deg);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateY(0deg);
transform:perspective(800px) rotateY(0deg);
}
}
@-webkit-keyframes perspectiveUpReturn {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateX(-180deg);
transform:perspective(800px) rotateX(-180deg);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateX(0deg);
transform:perspective(800px) rotateX(0deg);
}
}
@keyframes perspectiveUpReturn {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateX(-180deg);
transform:perspective(800px) rotateX(-180deg);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateX(0deg);
transform:perspective(800px) rotateX(0deg);
}
}
@-webkit-keyframes perspectiveDownReturn {
0% {
-webkit-transform-origin:0 100%;
transform-origin:0 100%;
-webkit-transform:perspective(800px) rotateX(-180deg);
transform:perspective(800px) rotateX(-180deg);
}
100% {
-webkit-transform-origin:0 100%;
transform-origin:0 100%;
-webkit-transform:perspective(800px) rotateX(0deg);
transform:perspective(800px) rotateX(0deg);
}
}
@keyframes perspectiveDownReturn {
0% {
-webkit-transform-origin:0 100%;
transform-origin:0 100%;
-webkit-transform:perspective(800px) rotateX(-180deg);
transform:perspective(800px) rotateX(-180deg);
}
100% {
-webkit-transform-origin:0 100%;
transform-origin:0 100%;
-webkit-transform:perspective(800px) rotateX(0deg);
transform:perspective(800px) rotateX(0deg);
}
}
@-webkit-keyframes perspectiveRight {
0% {
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
-webkit-transform:perspective(800px) rotateY(0deg);
transform:perspective(800px) rotateY(0deg);
}
100% {
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
-webkit-transform:perspective(800px) rotateY(180deg);
transform:perspective(800px) rotateY(180deg);
}
}
@keyframes perspectiveRight {
0% {
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
-webkit-transform:perspective(800px) rotateY(0deg);
transform:perspective(800px) rotateY(0deg);
}
100% {
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
-webkit-transform:perspective(800px) rotateY(180deg);
transform:perspective(800px) rotateY(180deg);
}
}
@-webkit-keyframes perspectiveLeft {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateY(0deg);
transform:perspective(800px) rotateY(0deg);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateY(-180deg);
transform:perspective(800px) rotateY(-180deg);
}
}
@keyframes perspectiveLeft {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateY(0deg);
transform:perspective(800px) rotateY(0deg);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateY(-180deg);
transform:perspective(800px) rotateY(-180deg);
}
}
@-webkit-keyframes perspectiveUp {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateX(0deg);
transform:perspective(800px) rotateX(0deg);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateX(180deg);
transform:perspective(800px) rotateX(180deg);
}
}
@keyframes perspectiveUp {
0% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateX(0deg);
transform:perspective(800px) rotateX(0deg);
}
100% {
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:perspective(800px) rotateX(180deg);
transform:perspective(800px) rotateX(180deg);
}
}
@-webkit-keyframes perspectiveDown {
0% {
-webkit-transform-origin:0 100%;
transform-origin:0 100%;
-webkit-transform:perspective(800px) rotateX(0deg);
transform:perspective(800px) rotateX(0deg);
}
100% {
-webkit-transform-origin:0 100%;
transform-origin:0 100%;
-webkit-transform:perspective(800px) rotateX(-180deg);
transform:perspective(800px) rotateX(-180deg);
}
}
@keyframes perspectiveDown {
0% {
-webkit-transform-origin:0 100%;
transform-origin:0 100%;
-webkit-transform:perspective(800px) rotateX(0deg);
transform:perspective(800px) rotateX(0deg);
}
100% {
-webkit-transform-origin:0 100%;
transform-origin:0 100%;
-webkit-transform:perspective(800px) rotateX(-180deg);
transform:perspective(800px) rotateX(-180deg);
}
}
@-webkit-keyframes AntiClockwiseRightDownOut {
0% {
opacity:1;
-webkit-transform-origin:top right;
transform-origin:top right;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
100% {
opacity:0;
-webkit-transform-origin:top right;
transform-origin:top right;
-webkit-transform:rotate(-110deg);
transform:rotate(-110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
}
@keyframes AntiClockwiseRightDownOut {
0% {
opacity:1;
-webkit-transform-origin:top right;
transform-origin:top right;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
100% {
opacity:0;
-webkit-transform-origin:top right;
transform-origin:top right;
-webkit-transform:rotate(-110deg);
transform:rotate(-110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
}
@-webkit-keyframes ClockwiseLeftDownOut {
0% {
opacity:1;
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
100% {
opacity:0;
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-transform:rotate(110deg);
transform:rotate(110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
}
@keyframes ClockwiseLeftDownOut {
0% {
opacity:1;
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
100% {
opacity:0;
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-transform:rotate(110deg);
transform:rotate(110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
}
@-webkit-keyframes ClockwiseRightUpOut {
0% {
opacity:1;
-webkit-transform-origin:bottom right;
transform-origin:bottom right;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
100% {
opacity:0;
-webkit-transform-origin:bottom right;
transform-origin:bottom right;
-webkit-transform:rotate(110deg);
transform:rotate(110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
}
@keyframes ClockwiseRightUpOut {
0% {
opacity:1;
-webkit-transform-origin:bottom right;
transform-origin:bottom right;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
100% {
opacity:0;
-webkit-transform-origin:bottom right;
transform-origin:bottom right;
-webkit-transform:rotate(110deg);
transform:rotate(110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
}
@-webkit-keyframes AntiClockwiseLeftUpOut {
0% {
opacity:1;
-webkit-transform-origin:bottom left;
transform-origin:bottom left;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
100% {
opacity:0;
-webkit-transform-origin:bottom left;
transform-origin:bottom left;
-webkit-transform:rotate(-110deg);
transform:rotate(-110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
}
@keyframes AntiClockwiseLeftUpOut {
0% {
opacity:1;
-webkit-transform-origin:bottom left;
transform-origin:bottom left;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
100% {
opacity:0;
-webkit-transform-origin:bottom left;
transform-origin:bottom left;
-webkit-transform:rotate(-110deg);
transform:rotate(-110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
}
@-webkit-keyframes ClockwiseRightDownIn {
0% {
-webkit-transform-origin:top right;
transform-origin:top right;
-webkit-transform:rotate(-110deg);
transform:rotate(-110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
100% {
-webkit-transform-origin:top right;
transform-origin:top right;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
}
@keyframes ClockwiseRightDownIn {
0% {
-webkit-transform-origin:top right;
transform-origin:top right;
-webkit-transform:rotate(-110deg);
transform:rotate(-110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
100% {
-webkit-transform-origin:top right;
transform-origin:top right;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
}
@-webkit-keyframes AntiClockwiseLeftDownIn {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-transform:rotate(110deg);
transform:rotate(110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
100% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
}
@keyframes AntiClockwiseLeftDownIn {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-transform:rotate(110deg);
transform:rotate(110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
100% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
}
@-webkit-keyframes AntiClockwiseRightUpIn {
0% {
-webkit-transform-origin:bottom right;
transform-origin:bottom right;
-webkit-transform:rotate(110deg);
transform:rotate(110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
100% {
-webkit-transform-origin:bottom right;
transform-origin:bottom right;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
}
@keyframes AntiClockwiseRightUpIn {
0% {
-webkit-transform-origin:bottom right;
transform-origin:bottom right;
-webkit-transform:rotate(110deg);
transform:rotate(110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
100% {
-webkit-transform-origin:bottom right;
transform-origin:bottom right;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
}
@-webkit-keyframes ClockwiseLeftUpIn {
0% {
-webkit-transform-origin:bottom left;
transform-origin:bottom left;
-webkit-transform:rotate(-110deg);
transform:rotate(-110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
100% {
-webkit-transform-origin:bottom left;
transform-origin:bottom left;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
}
@keyframes ClockwiseLeftUpIn {
0% {
-webkit-transform-origin:bottom left;
transform-origin:bottom left;
-webkit-transform:rotate(-110deg);
transform:rotate(-110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
100% {
-webkit-transform-origin:bottom left;
transform-origin:bottom left;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
}
@-webkit-keyframes AntiClockwiseRightDownOpen {
0% {
-webkit-transform-origin:top right;
transform-origin:top right;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
100% {
-webkit-transform-origin:top right;
transform-origin:top right;
-webkit-transform:rotate(-110deg);
transform:rotate(-110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
}
@keyframes AntiClockwiseRightDownOpen {
0% {
-webkit-transform-origin:top right;
transform-origin:top right;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
100% {
-webkit-transform-origin:top right;
transform-origin:top right;
-webkit-transform:rotate(-110deg);
transform:rotate(-110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
}
@-webkit-keyframes ClockwiseLeftDownOpen {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
100% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-transform:rotate(110deg);
transform:rotate(110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
}
@keyframes ClockwiseLeftDownOpen {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
100% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-transform:rotate(110deg);
transform:rotate(110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
}
@-webkit-keyframes ClockwiseRightUpOpen {
0% {
-webkit-transform-origin:bottom right;
transform-origin:bottom right;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
100% {
-webkit-transform-origin:bottom right;
transform-origin:bottom right;
-webkit-transform:rotate(110deg);
transform:rotate(110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
}
@keyframes ClockwiseRightUpOpen {
0% {
-webkit-transform-origin:bottom right;
transform-origin:bottom right;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
100% {
-webkit-transform-origin:bottom right;
transform-origin:bottom right;
-webkit-transform:rotate(110deg);
transform:rotate(110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
}
@-webkit-keyframes AntiClockwiseLeftUpOpen {
0% {
-webkit-transform-origin:bottom left;
transform-origin:bottom left;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
100% {
-webkit-transform-origin:bottom left;
transform-origin:bottom left;
-webkit-transform:rotate(-110deg);
transform:rotate(-110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
}
@keyframes AntiClockwiseLeftUpOpen {
0% {
-webkit-transform-origin:bottom left;
transform-origin:bottom left;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
100% {
-webkit-transform-origin:bottom left;
transform-origin:bottom left;
-webkit-transform:rotate(-110deg);
transform:rotate(-110deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
}
@-webkit-keyframes vanishOut {
0% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-filter:blur(0px);
filter:blur(0px);
}
100% {
opacity:0;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(2, 2);
transform:scale(2, 2);
-webkit-filter:blur(20px);
filter:blur(20px);
}
}
@keyframes vanishOut {
0% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-filter:blur(0px);
filter:blur(0px);
}
100% {
opacity:0;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(2, 2);
transform:scale(2, 2);
-webkit-filter:blur(20px);
filter:blur(20px);
}
}
@-webkit-keyframes vanishIn {
0% {
opacity:0;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(2, 2);
transform:scale(2, 2);
-webkit-filter:blur(90px);
filter:blur(90px);
}
100% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-filter:blur(0px);
filter:blur(0px);
}
}
@keyframes vanishIn {
0% {
opacity:0;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(2, 2);
transform:scale(2, 2);
-webkit-filter:blur(90px);
filter:blur(90px);
}
100% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-filter:blur(0px);
filter:blur(0px);
}
}
@-webkit-keyframes puffOut {
0% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-filter:blur(0px);
filter:blur(0px);
}
100% {
opacity:0;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(2, 2);
transform:scale(2, 2);
-webkit-filter:blur(2px);
filter:blur(2px);
}
}
@keyframes puffOut {
0% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-filter:blur(0px);
filter:blur(0px);
}
100% {
opacity:0;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(2, 2);
transform:scale(2, 2);
-webkit-filter:blur(2px);
filter:blur(2px);
}
}
@-webkit-keyframes puffIn {
0% {
opacity:0;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(2, 2);
transform:scale(2, 2);
-webkit-filter:blur(2px);
filter:blur(2px);
}
100% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-filter:blur(0px);
filter:blur(0px);
}
}
@keyframes puffIn {
0% {
opacity:0;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(2, 2);
transform:scale(2, 2);
-webkit-filter:blur(2px);
filter:blur(2px);
}
100% {
opacity:1;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-filter:blur(0px);
filter:blur(0px);
}
}
@-webkit-keyframes swapInForward {
0% {
opacity:0;
-webkit-transform-origin:0 100%;
transform-origin:0 100%;
-webkit-transform:scale(0, 0) translate(-700px, 0px);
transform:scale(0, 0) translate(-700px, 0px);
}
100% {
opacity:1;
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%;
-webkit-transform:scale(1, 1) translate(0px, 0px);
transform:scale(1, 1) translate(0px, 0px);
}
}
@keyframes swapInForward {
0% {
opacity:0;
-webkit-transform-origin:0 100%;
transform-origin:0 100%;
-webkit-transform:scale(0, 0) translate(-700px, 0px);
transform:scale(0, 0) translate(-700px, 0px);
}
100% {
opacity:1;
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%;
-webkit-transform:scale(1, 1) translate(0px, 0px);
transform:scale(1, 1) translate(0px, 0px);
}
}
@-webkit-keyframes twisterInUp {
0% {
opacity:0;
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
-webkit-transform:scale(0, 0) rotate(360deg) translateY(100%);
transform:scale(0, 0) rotate(360deg) translateY(100%);
}
30% {
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
-webkit-transform:scale(0, 0) rotate(360deg) translateY(100%);
transform:scale(0, 0) rotate(360deg) translateY(100%);
}
100% {
opacity:1;
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:scale(1, 1) rotate(0deg) translateY(0);
transform:scale(1, 1) rotate(0deg) translateY(0);
}
}
@keyframes twisterInUp {
0% {
opacity:0;
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
-webkit-transform:scale(0, 0) rotate(360deg) translateY(100%);
transform:scale(0, 0) rotate(360deg) translateY(100%);
}
30% {
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
-webkit-transform:scale(0, 0) rotate(360deg) translateY(100%);
transform:scale(0, 0) rotate(360deg) translateY(100%);
}
100% {
opacity:1;
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:scale(1, 1) rotate(0deg) translateY(0);
transform:scale(1, 1) rotate(0deg) translateY(0);
}
}
@-webkit-keyframes twisterInDown {
0% {
opacity:0;
-webkit-transform-origin:0 100%;
transform-origin:0 100%;
-webkit-transform:scale(0, 0) rotate(360deg) translateY(-100%);
transform:scale(0, 0) rotate(360deg) translateY(-100%);
}
30% {
-webkit-transform-origin:0 100%;
transform-origin:0 100%;
-webkit-transform:scale(0, 0) rotate(360deg) translateY(-100%);
transform:scale(0, 0) rotate(360deg) translateY(-100%);
}
100% {
opacity:1;
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%;
-webkit-transform:scale(1, 1) rotate(0deg) translateY(0%);
transform:scale(1, 1) rotate(0deg) translateY(0%);
}
}
@keyframes twisterInDown {
0% {
opacity:0;
-webkit-transform-origin:0 100%;
transform-origin:0 100%;
-webkit-transform:scale(0, 0) rotate(360deg) translateY(-100%);
transform:scale(0, 0) rotate(360deg) translateY(-100%);
}
30% {
-webkit-transform-origin:0 100%;
transform-origin:0 100%;
-webkit-transform:scale(0, 0) rotate(360deg) translateY(-100%);
transform:scale(0, 0) rotate(360deg) translateY(-100%);
}
100% {
opacity:1;
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%;
-webkit-transform:scale(1, 1) rotate(0deg) translateY(0%);
transform:scale(1, 1) rotate(0deg) translateY(0%);
}
}
@-webkit-keyframes rollOutRight {
0% {
opacity:1;
-webkit-transform-origin:100% 200%;
transform-origin:100% 200%;
-webkit-transform:scale(1, 1) rotate(0deg);
transform:scale(1, 1) rotate(0deg);
}
100% {
opacity:0;
-webkit-transform-origin:200% 500%;
transform-origin:200% 500%;
-webkit-transform:scale(0, 0) rotate(270deg);
transform:scale(0, 0) rotate(270deg);
}
}
@keyframes rollOutRight {
0% {
opacity:1;
-webkit-transform-origin:100% 200%;
transform-origin:100% 200%;
-webkit-transform:scale(1, 1) rotate(0deg);
transform:scale(1, 1) rotate(0deg);
}
100% {
opacity:0;
-webkit-transform-origin:200% 500%;
transform-origin:200% 500%;
-webkit-transform:scale(0, 0) rotate(270deg);
transform:scale(0, 0) rotate(270deg);
}
}
@-webkit-keyframes rotateOutAntiClockwise {
to {
-webkit-transform:translateZ(-3000px) rotateZ(360deg);
opacity:0;
}
}
@keyframes rotateOutAntiClockwise {
to {
-webkit-transform:translateZ(-3000px) rotateZ(360deg);
transform:translateZ(-3000px) rotateZ(360deg);
opacity:0;
}
}
@-webkit-keyframes rotateFadeOutClockwise {
to {
-webkit-transform:translateZ(-3000px) rotateZ(-360deg);
opacity:0;
}
}
@keyframes rotateFadeOutClockwise {
to {
-webkit-transform:translateZ(-3000px) rotateZ(-360deg);
transform:translateZ(-3000px) rotateZ(-360deg);
opacity:0;
}
}
@-webkit-keyframes rotateAntiClockwise {
from {
-webkit-transform:translateZ(-3000px) rotateZ(360deg);
}
}
@keyframes rotateAntiClockwise {
from {
-webkit-transform:translateZ(-3000px) rotateZ(360deg);
transform:translateZ(-3000px) rotateZ(360deg);
}
}
@-webkit-keyframes rotateClockwise {
from {
-webkit-transform:translateZ(-3000px) rotateZ(-360deg);
}
}
@keyframes rotateClockwise {
from {
-webkit-transform:translateZ(-3000px) rotateZ(-360deg);
transform:translateZ(-3000px) rotateZ(-360deg);
}
}
@-webkit-keyframes moveToTopMinToMax {
from {
}
to {
	-webkit-transform:translateY(-100%)scale(1.5);
}
}
@keyframes moveToTopMinToMax {
from {
}
to {
	-webkit-transform:translateY(-100%)scale(1.5);
	transform:translateY(-100%)scale(1.5);
}
}
@-webkit-keyframes moveToBottomMaxToMin {
from {
}
to {
	-webkit-transform:translateY(100%)scale(.5);
}
}
@keyframes moveToBottomMaxToMin {
from {
}
to {
	-webkit-transform:translateY(100%)scale(.5);
	transform:translateY(100%)scale(.5);
}
}
@-webkit-keyframes moveFromTopMaxToMin {
from {
-webkit-transform:translateY(-100%)scale(1.5);
}
}
@keyframes moveFromTopMaxToMin {
from {
-webkit-transform:translateY(-100%)scale(1.5);
transform:translateY(-100%)scale(1.5);
}
}
@-webkit-keyframes moveFromBottomMinToMax {
from {
-webkit-transform:translateY(100%)scale(.5);
}
}
@keyframes moveFromBottomMinToMax {
from {
-webkit-transform:translateY(100%)scale(.5);
transform:translateY(100%)scale(.5);
}
}
@-webkit-keyframes rotateCubeBottomIn {
0% {
opacity:.3;
-webkit-transform:translateY(-100%) rotateX(90deg)
}
50% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg)
}
}
@keyframes rotateCubeBottomIn {
0% {
opacity:.3;
-webkit-transform:translateY(-100%) rotateX(90deg);
transform:translateY(-100%) rotateX(90deg)
}
50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);
transform:translateY(-50%) translateZ(-200px) rotateX(45deg)
}
}
@-webkit-keyframes rotateCubeBottomOut {
0% {
}
50% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg)
}
100% {
opacity:.3;
-webkit-transform:translateY(100%) rotateX(-90deg)
}
}
@keyframes rotateCubeBottomOut {
0% {
}
50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);
transform:translateY(50%) translateZ(-200px) rotateX(-45deg)
}
100% {
opacity:.3;
-webkit-transform:translateY(100%) rotateX(-90deg);
transform:translateY(100%) rotateX(-90deg)
}
}
@-webkit-keyframes rotateCubeTopIn {
0% {
opacity:.3;
-webkit-transform:translateY(100%) rotateX(-90deg)
}
50% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg)
}
}
@keyframes rotateCubeTopIn {
0% {
opacity:.3;
-webkit-transform:translateY(100%) rotateX(-90deg);
transform:translateY(100%) rotateX(-90deg)
}
50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);
transform:translateY(50%) translateZ(-200px) rotateX(-45deg)
}
}
@-webkit-keyframes rotateCubeTopOut {
0% {
}
50% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg)
}
100% {
opacity:.3;
-webkit-transform:translateY(-100%) rotateX(90deg)
}
}
@keyframes rotateCubeTopOut {
0% {
}
50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);
transform:translateY(-50%) translateZ(-200px) rotateX(45deg)
}
100% {
opacity:.3;
-webkit-transform:translateY(-100%) rotateX(90deg);
transform:translateY(-100%) rotateX(90deg)
}
}
@-webkit-keyframes rotateCubeRightIn {
0% {
opacity:.3;
-webkit-transform:translateX(-100%) rotateY(-90deg)
}
50% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)
}
}
@keyframes rotateCubeRightIn {
0% {
opacity:.3;
-webkit-transform:translateX(-100%) rotateY(-90deg);
transform:translateX(-100%) rotateY(-90deg)
}
50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);
transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)
}
}
@-webkit-keyframes rotateCubeRightOut {
0% {
}
50% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg)
}
100% {
opacity:.3;
-webkit-transform:translateX(100%) rotateY(90deg)
}
}
@keyframes rotateCubeRightOut {
0% {
}
50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);
transform:translateX(50%) translateZ(-200px) rotateY(45deg)
}
100% {
opacity:.3;
-webkit-transform:translateX(100%) rotateY(90deg);
transform:translateX(100%) rotateY(90deg)
}
}
@-webkit-keyframes rotateCubeLeftIn {
0% {
opacity:.3;
-webkit-transform:translateX(100%) rotateY(90deg)
}
50% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg)
}
}
@keyframes rotateCubeLeftIn {
0% {
opacity:.3;
-webkit-transform:translateX(100%) rotateY(90deg);
transform:translateX(100%) rotateY(90deg)
}
50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);
transform:translateX(50%) translateZ(-200px) rotateY(45deg)
}
}
@-webkit-keyframes rotateCubeLeftOut {
0% {
}
50% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)
}
100% {
opacity:.3;
-webkit-transform:translateX(-100%) rotateY(-90deg)
}
}
@keyframes rotateCubeLeftOut {
0% {
}
50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);
transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)
}
100% {
opacity:.3;
-webkit-transform:translateX(-100%) rotateY(-90deg);
transform:translateX(-100%) rotateY(-90deg)
}
}
@-webkit-keyframes fromDownToUpFade {
0% {
opacity:0;
-webkit-transform:translateY(100%);
}
50% {
opacity:1;
-webkit-transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-100%);
}
}
@keyframes fromDownToUpFade {
0% {
opacity:0;
-webkit-transform:translateY(100%);
transform:translateY(100%);
}
50% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
}
}
@-webkit-keyframes fromDownToUp {
0% {
-webkit-transform:translateY(100%);
}
100% {
-webkit-transform:translateY(-100%);
}
}
@keyframes fromDownToUp {
0% {
-webkit-transform:translateY(100%);
transform:translateY(100%);
}
100% {
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
}
}
@-webkit-keyframes fromUpToDownFade {
0% {
opacity:0;
-webkit-transform:translateY(-100%);
}
50% {
opacity:1;
-webkit-transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(100%);
}
}
@keyframes fromUpToDownFade {
0% {
opacity:0;
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
}
50% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(100%);
transform:translateY(100%);
}
}
@-webkit-keyframes fromUpToDown {
0% {
-webkit-transform:translateY(-100%);
}
100% {
-webkit-transform:translateY(100%);
}
}
@keyframes fromUpToDown {
0% {
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
}
100% {
-webkit-transform:translateY(100%);
transform:translateY(100%);
}
}
@-webkit-keyframes rotateCubeInFromDown {
0% {
opacity:.3;
filter:alpha(opacity=30);
-webkit-transform:translateY(100%) rotateX(-90deg) scale(0.8);
transform:translateY(100%) rotateX(-90deg) scale(0.8)
}
50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg) scale(0.8);
transform:translateY(50%) translateZ(-200px) rotateX(-45deg) scale(0.8)
}
100% {
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:translateY(0) rotateX(0) scale(1);
transform:translateY(0) rotateX(0) scale(1)
}
}
@keyframes rotateCubeInFromDown {
0% {
opacity:.3;
filter:alpha(opacity=30);
-webkit-transform:translateY(100%) rotateX(-90deg) scale(0.8);
transform:translateY(100%) rotateX(-90deg) scale(0.8)
}
50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg) scale(0.8);
transform:translateY(50%) translateZ(-200px) rotateX(-45deg) scale(0.8)
}
100% {
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:translateY(0) rotateX(0) scale(1);
transform:translateY(0) rotateX(0) scale(1)
}
}
@-webkit-keyframes rotateCubeInFromUp {
0% {
opacity:.3;
filter:alpha(opacity=30);
-webkit-transform:translateY(-100%) rotateX(90deg) scale(0.8);
transform:translateY(-100%) rotateX(90deg) scale(0.8)
}
50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg) scale(0.8);
transform:translateY(-50%) translateZ(-200px) rotateX(45deg) scale(0.8)
}
100% {
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:translateY(0) rotateX(0) scale(1);
transform:translateY(0) rotateX(0) scale(1)
}
}
@keyframes rotateCubeInFromUp {
0% {
opacity:.3;
filter:alpha(opacity=30);
-webkit-transform:translateY(-100%) rotateX(90deg) scale(0.8);
transform:translateY(-100%) rotateX(90deg) scale(0.8)
}
50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg) scale(0.8);
transform:translateY(-50%) translateZ(-200px) rotateX(45deg) scale(0.8)
}
100% {
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:translateY(0) rotateX(0) scale(1);
transform:translateY(0) rotateX(0) scale(1)
}
}
@-webkit-keyframes rotateCubeOutToDown {
0% {
-webkit-transform:scale(0.8);
transform:scale(0.8)
}
50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg) scale(0.8);
transform:translateY(50%) translateZ(-200px) rotateX(-45deg) scale(0.8)
}
100% {
opacity:.3;
filter:alpha(opacity=30);
-webkit-transform:translateY(100%) rotateX(-90deg) scale(1);
transform:translateY(100%) rotateX(-90deg) scale(1)
}
}
@keyframes rotateCubeOutToDown {
0% {
-webkit-transform:scale(0.8);
transform:scale(0.8)
}
50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg) scale(0.8);
transform:translateY(50%) translateZ(-200px) rotateX(-45deg) scale(0.8)
}
100% {
opacity:.3;
filter:alpha(opacity=30);
-webkit-transform:translateY(100%) rotateX(-90deg) scale(1);
transform:translateY(100%) rotateX(-90deg) scale(1)
}
}
@-webkit-keyframes rotateCubeOutToUp {
0% {
-webkit-transform:scale(0.8);
transform:scale(0.8)
}
50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg) scale(0.8);
transform:translateY(-50%) translateZ(-200px) rotateX(45deg) scale(0.8)
}
100% {
opacity:.3;
filter:alpha(opacity=30);
-webkit-transform:translateY(-100%) rotateX(90deg) scale(1);
transform:translateY(-100%) rotateX(90deg) scale(1)
}
}
@keyframes rotateCubeOutToUp {
0% {
-webkit-transform:scale(0.8);
transform:scale(0.8)
}
50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg) scale(0.8);
transform:translateY(-50%) translateZ(-200px) rotateX(45deg) scale(0.8)
}
100% {
opacity:.3;
filter:alpha(opacity=30);
-webkit-transform:translateY(-100%) rotateX(90deg) scale(1);
transform:translateY(-100%) rotateX(90deg) scale(1)
}
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-webkit-keyframes fromRightToLeftFade {
0% {
opacity:0;
-webkit-transform:translateX(100%);
}
50% {
opacity:1;
-webkit-transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-100%);
}
}
@keyframes fromRightToLeftFade {
0% {
opacity:0;
-webkit-transform:translateX(100%);
transform:translateX(100%);
}
50% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
}
}
@-webkit-keyframes moveRightToLeft {
0% {
-webkit-transform:translateX(100%);
}
100% {
-webkit-transform:translateX(-100%);
}
}
@keyframes moveRightToLeft {
0% {
-webkit-transform:translateX(100%);
transform:translateX(100%);
}
100% {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
}
}
@-webkit-keyframes fromLeftToRightFade {
0% {
opacity:0;
-webkit-transform:translateX(-100%);
}
50% {
opacity:1;
-webkit-transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(100%);
}
}
@keyframes fromLeftToRightFade {
0% {
opacity:0;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
}
50% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(100%);
transform:translateX(100%);
}
}
@-webkit-keyframes fromLeftToRight {
0% {
-webkit-transform:translateX(-100%);
}
100% {
-webkit-transform:translateX(100%);
}
}
@keyframes fromLeftToRight {
0% {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
}
100% {
-webkit-transform:translateX(100%);
transform:translateX(100%);
}
}
@-webkit-keyframes scaleZoomOut {
from {
-webkit-transform:scale(1.5);
}
}
@keyframes scaleZoomOut {
from {
-webkit-transform:scale(1.5);
transform:scale(1.5);
}
}
@-webkit-keyframes scaleZoomIn {
to {
-webkit-transform:scale(1.5);
}
}
@keyframes scaleZoomIn {
to {
-webkit-transform:scale(1.5);
transform:scale(1.5);
}
}
@-webkit-keyframes moveIconRight {
0% {
-webkit-transform:translateX(-100%);
opacity:0;
}
50% {
-webkit-transform:translateX(0%);
opacity:1;
}
100% {
-webkit-transform:translateX(100%);
opacity:0;
}
}
@keyframes moveIconRight {
0% {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
opacity:0;
}
50% {
-webkit-transform:translateX(0%);
transform:translateX(0%);
opacity:1;
}
100% {
-webkit-transform:translateX(100%);
transform:translateX(100%);
opacity:0;
}
}
@-webkit-keyframes hingeRight {
0% {
-webkit-transform-origin:top right;
-webkit-animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotateZ(-80deg);
-webkit-transform-origin:top right;
-webkit-animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotateZ(-60deg);
-webkit-transform-origin:top right;
-webkit-animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translate3d(0, 700px, 0);
opacity:0
}
}
@keyframes hingeRight {
0% {
transform-origin:top right;
animation-timing-function:ease-in-out
}
20%, 60% {
transform:rotateZ(-80deg);
transform-origin:top right;
animation-timing-function:ease-in-out
}
40%, 80% {
transform:rotateZ(-60deg);
transform-origin:top right;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
transform:translate3d(0, 700px, 0);
opacity:0
}
}
@-webkit-keyframes hingeLeft {
0% {
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotateZ(80deg);
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotateZ(60deg);
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translate3d(0, 700px, 0);
opacity:0
}
}
@keyframes hingeLeft {
0% {
transform-origin:top left;
animation-timing-function:ease-in-out
}
20%, 60% {
transform:rotateZ(80deg);
transform-origin:top left;
animation-timing-function:ease-in-out
}
40%, 80% {
transform:rotateZ(60deg);
transform-origin:top left;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
transform:translate3d(0, 700px, 0);
opacity:0
}
}
@-webkit-keyframes moveToBottomFade {
from {
}
to {
	opacity:0;
	-webkit-transform:translateY(100%);
}
}
@keyframes moveToBottomFade {
from {
}
to {
	opacity:0;
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
}
}
@-webkit-keyframes moveToTopFade {
from {
}
to {
	opacity:0;
	-webkit-transform:translateY(-100%);
}
}
@keyframes moveToTopFade {
from {
}
to {
	opacity:0;
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);
}
}
@-webkit-keyframes moveToRightFade {
from {
}
to {
	opacity:0;
	-webkit-transform:translateX(100%);
}
}
@keyframes moveToRightFade {
from {
}
to {
	opacity:0;
	-webkit-transform:translateX(100%);
	transform:translateX(100%);
}
}
@-webkit-keyframes moveToLeftFade {
from {
}
to {
	opacity:0;
	-webkit-transform:translateX(-100%);
}
}
@keyframes moveToLeftFade {
from {
}
to {
	opacity:0;
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%);
}
}
@-webkit-keyframes moveToBottom {
from {
}
to {
	-webkit-transform:translateY(100%);
}
}
@keyframes moveToBottom {
from {
}
to {
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
}
}
@-webkit-keyframes moveToTop {
from {
}
to {
	-webkit-transform:translateY(-100%);
}
}
@keyframes moveToTop {
from {
}
to {
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);
}
}
@-webkit-keyframes moveToRight {
from {
}
to {
	-webkit-transform:translateX(100%);
}
}
@keyframes moveToRight {
from {
}
to {
	-webkit-transform:translateX(100%);
	transform:translateX(100%);
}
}
@-webkit-keyframes moveToLeft {
from {
}
to {
	-webkit-transform:translateX(-100%);
}
}
@keyframes moveToLeft {
from {
}
to {
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%);
}
}
@-webkit-keyframes moveIconLeft {
0% {
-webkit-transform:translateX(100%);
opacity:0;
}
50% {
-webkit-transform:translateX(0%);
opacity:1;
}
100% {
-webkit-transform:translateX(-100%);
opacity:0;
}
}
@keyframes moveIconLeft {
0% {
-webkit-transform:translateX(100%);
transform:translateX(100%);
opacity:0;
}
50% {
-webkit-transform:translateX(0%);
transform:translateX(0%);
opacity:1;
}
100% {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
opacity:0;
}
}
@-webkit-keyframes moveIconUp {
0% {
-webkit-transform:translateY(100%);
opacity:0;
}
50% {
-webkit-transform:translateY(0%);
opacity:1;
}
100% {
-webkit-transform:translateY(-100%);
opacity:0;
}
}
@keyframes moveIconUp {
0% {
-webkit-transform:translateY(100%);
transform:translateY(100%);
opacity:0;
}
50% {
-webkit-transform:translateY(0%);
transform:translateY(0%);
opacity:1;
}
100% {
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
opacity:0;
}
}
@-webkit-keyframes swingBottom {
0% {
-webkit-transform-origin:50% 100%;
-webkit-transform:rotateZ(0deg)
}
25% {
-webkit-transform-origin:50% 100%;
-webkit-transform:rotateZ(-12deg)
}
50% {
-webkit-transform-origin:50% 100%;
-webkit-transform:rotateZ(8deg)
}
75% {
-webkit-transform-origin:50% 100%;
-webkit-transform:rotateZ(-12deg)
}
100% {
-webkit-transform-origin:50% 100%;
-webkit-transform:rotateZ(0deg)
}
}
@keyframes swingBottom {
0% {
transform-origin:50% 100%;
transform:rotateZ(0deg)
}
25% {
transform-origin:50% 100%;
transform:rotateZ(-12deg)
}
50% {
transform-origin:50% 100%;
transform:rotateZ(8deg)
}
75% {
transform-origin:50% 100%;
transform:rotateZ(-12deg)
}
100% {
transform-origin:50% 100%;
transform:rotateZ(0deg)
}
}
@-webkit-keyframes swingTop {
0% {
-webkit-transform-origin:50% 0;
-webkit-transform:rotateZ(0deg)
}
25% {
-webkit-transform-origin:50% 0;
-webkit-transform:rotateZ(-12deg)
}
50% {
-webkit-transform-origin:50% 0;
-webkit-transform:rotateZ(8deg)
}
75% {
-webkit-transform-origin:50% 0;
-webkit-transform:rotateZ(-12deg)
}
100% {
-webkit-transform-origin:50% 0;
-webkit-transform:rotateZ(0deg)
}
}
@keyframes swingTop {
0% {
transform-origin:50% 0;
transform:rotateZ(0deg)
}
25% {
transform-origin:50% 0;
transform:rotateZ(-12deg)
}
50% {
transform-origin:50% 0;
transform:rotateZ(8deg)
}
75% {
transform-origin:50% 0;
transform:rotateZ(-12deg)
}
100% {
transform-origin:50% 0;
transform:rotateZ(0deg)
}
}
@-webkit-keyframes swingRight {
0% {
-webkit-transform-origin:100% 50%;
-webkit-transform:rotateZ(0deg)
}
25% {
-webkit-transform-origin:100% 50%;
-webkit-transform:rotateZ(-12deg)
}
50% {
-webkit-transform-origin:100% 50%;
-webkit-transform:rotateZ(8deg)
}
75% {
-webkit-transform-origin:100% 50%;
-webkit-transform:rotateZ(-12deg)
}
100% {
-webkit-transform-origin:100% 50%;
-webkit-transform:rotateZ(0deg)
}
}
@keyframes swingRight {
0% {
transform-origin:100% 50%;
transform:rotateZ(0deg)
}
25% {
transform-origin:100% 50%;
transform:rotateZ(-12deg)
}
50% {
transform-origin:100% 50%;
transform:rotateZ(8deg)
}
75% {
transform-origin:100% 50%;
transform:rotateZ(-12deg)
}
100% {
transform-origin:100% 50%;
transform:rotateZ(0deg)
}
}
@-webkit-keyframes swingLeft {
0% {
-webkit-transform-origin:0 50%;
-webkit-transform:rotateZ(0deg)
}
25% {
-webkit-transform-origin:0 50%;
-webkit-transform:rotateZ(-12deg)
}
50% {
-webkit-transform-origin:0 50%;
-webkit-transform:rotateZ(8deg)
}
75% {
-webkit-transform-origin:0 50%;
-webkit-transform:rotateZ(-12deg)
}
100% {
-webkit-transform-origin:0 50%;
-webkit-transform:rotateZ(0deg)
}
}
@keyframes swingLeft {
0% {
transform-origin:0 50%;
transform:rotateZ(0deg)
}
25% {
transform-origin:0 50%;
transform:rotateZ(-12deg)
}
50% {
transform-origin:0 50%;
transform:rotateZ(8deg)
}
75% {
transform-origin:0 50%;
transform:rotateZ(-12deg)
}
100% {
transform-origin:0 50%;
transform:rotateZ(0deg)
}
}
@-webkit-keyframes swing {
0% {
-webkit-transform:rotateZ(0deg)
}
25% {
-webkit-transform:rotateZ(-12deg)
}
50% {
-webkit-transform:rotateZ(8deg)
}
75% {
-webkit-transform:rotateZ(-12deg)
}
100% {
-webkit-transform:rotateZ(0deg)
}
}
@keyframes swing {
0% {
transform:rotateZ(0deg)
}
25% {
transform:rotateZ(-12deg)
}
50% {
transform:rotateZ(8deg)
}
75% {
transform:rotateZ(-12deg)
}
100% {
transform:rotateZ(0deg)
}
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) rotateY(-360deg);
-webkit-animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotateY(-190deg);
-webkit-animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotateY(-170deg);
-webkit-animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px);
-webkit-animation-timing-function:ease-in
}
}
@keyframes flip {
0% {
transform:perspective(400px) rotateY(-360deg);
animation-timing-function:ease-out
}
40% {
transform:perspective(400px) translate3d(0, 0, 150px) rotateY(-190deg);
animation-timing-function:ease-out
}
50% {
transform:perspective(400px) translate3d(0, 0, 150px) rotateY(-170deg);
animation-timing-function:ease-in
}
80% {
transform:perspective(400px) scale3d(.95, .95, .95);
animation-timing-function:ease-in
}
100% {
transform:perspective(400px);
animation-timing-function:ease-in
}
}
@-webkit-keyframes flipInRing {
0% {
-webkit-transform:rotateY(0deg);
-webkit-animation-timing-function:linear
}
100% {
-webkit-transform:rotateY(360deg);
-webkit-animation-timing-function:linear
}
}
@keyframes flipInRing {
0% {
transform:rotateY(0deg);
animation-timing-function:linear
}
100% {
transform:rotateY(360deg);
animation-timing-function:linear
}
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
-webkit-transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
-webkit-transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg)
}
100% {
-webkit-transform:perspective(400px);
opacity:1
}
}
@keyframes flipInY {
0% {
transform:perspective(400px) rotateY(90deg);
transition-timing-function:ease-in;
opacity:0
}
40% {
transform:perspective(400px) rotateY(-20deg);
transition-timing-function:ease-in
}
60% {
transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
transform:perspective(400px) rotateY(-5deg)
}
100% {
transform:perspective(400px);
opacity:1
}
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
-webkit-transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
-webkit-transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg)
}
100% {
-webkit-transform:perspective(400px);
opacity:1
}
}
@keyframes flipInX {
0% {
transform:perspective(400px) rotateX(90deg);
transition-timing-function:ease-in;
opacity:0
}
40% {
transform:perspective(400px) rotateX(-20deg);
transition-timing-function:ease-in
}
60% {
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
transform:perspective(400px) rotateX(-5deg)
}
100% {
transform:perspective(400px);
opacity:1
}
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 50%, 100% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1)
}
100% {
-webkit-transform:scale3d(1, 1, 1)
}
}
@keyframes rubberBand {
0% {
transform:scale3d(1, 1, 1)
}
30% {
transform:scale3d(1.25, .75, 1)
}
40% {
transform:scale3d(0.75, 1.25, 1)
}
50% {
transform:scale3d(1.15, .85, 1)
}
65% {
transform:scale3d(.95, 1.05, 1)
}
75% {
transform:scale3d(1.05, .95, 1)
}
100% {
transform:scale3d(1, 1, 1)
}
}
@-webkit-keyframes rollInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotateZ(120deg)
}
100% {
opacity:1;
-webkit-transform:none
}
}
@keyframes rollInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotateZ(120deg)
}
100% {
opacity:1;
-webkit-transform:none
}
}
@-webkit-keyframes rollInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotateZ(-120deg)
}
100% {
opacity:1;
-webkit-transform:none
}
}
@keyframes rollInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotateZ(-120deg)
}
100% {
opacity:1;
-webkit-transform:none
}
}
@-webkit-keyframes pullRight {
0% {
-webkit-transform-origin:0 50%;
-webkit-transform:scaleX(0.3)
}
40% {
-webkit-transform-origin:0 50%;
-webkit-transform:scaleX(1.02)
}
60% {
-webkit-transform-origin:0 50%;
-webkit-transform:scaleX(0.98)
}
80% {
-webkit-transform-origin:0 50%;
-webkit-transform:scaleX(1.01)
}
100% {
-webkit-transform-origin:0 50%;
-webkit-transform:scaleX(0.98)
}
80% {
-webkit-transform-origin:0 50%;
-webkit-transform:scaleX(1.01)
}
100% {
-webkit-transform-origin:0 50%;
-webkit-transform:scaleX(1)
}
}
@keyframes pullRight {
0% {
transform-origin:0 50%;
transform:scaleX(0.3)
}
40% {
transform-origin:0 50%;
transform:scaleX(1.02)
}
60% {
transform-origin:0 50%;
transform:scaleX(0.98)
}
80% {
transform-origin:0 50%;
transform:scaleX(1.01)
}
100% {
transform-origin:0 50%;
transform:scaleX(0.98)
}
80% {
transform-origin:0 50%;
transform:scaleX(1.01)
}
100% {
transform-origin:0 50%;
transform:scaleX(1)
}
}
@-webkit-keyframes pullLeft {
0% {
-webkit-transform-origin:100% 50%;
-webkit-transform:scaleX(0.3)
}
40% {
-webkit-transform-origin:100% 50%;
-webkit-transform:scaleX(1.02)
}
60% {
-webkit-transform-origin:100% 50%;
-webkit-transform:scaleX(0.98)
}
80% {
-webkit-transform-origin:100% 50%;
-webkit-transform:scaleX(1.01)
}
100% {
-webkit-transform-origin:100% 50%;
-webkit-transform:scaleX(0.98)
}
80% {
-webkit-transform-origin:100% 50%;
-webkit-transform:scaleX(1.01)
}
100% {
-webkit-transform-origin:100% 50%;
-webkit-transform:scaleX(1)
}
}
@keyframes pullLeft {
0% {
transform-origin:100% 50%;
transform:scaleX(0.3)
}
40% {
transform-origin:100% 50%;
transform:scaleX(1.02)
}
60% {
transform-origin:100% 50%;
transform:scaleX(0.98)
}
80% {
transform-origin:100% 50%;
transform:scaleX(1.01)
}
100% {
transform-origin:100% 50%;
transform:scaleX(0.98)
}
80% {
transform-origin:100% 50%;
transform:scaleX(1.01)
}
100% {
transform-origin:100% 50%;
transform:scaleX(1)
}
}
@-webkit-keyframes pullBottom {
0% {
-webkit-transform-origin:50% 0;
-webkit-transform:scaleY(0.1)
}
40% {
-webkit-transform-origin:50% 0;
-webkit-transform:scaleY(1.02)
}
60% {
-webkit-transform-origin:50% 0;
-webkit-transform:scaleY(0.98)
}
80% {
-webkit-transform-origin:50% 0;
-webkit-transform:scaleY(1.01)
}
100% {
-webkit-transform-origin:50% 0;
-webkit-transform:scaleY(0.98)
}
80% {
-webkit-transform-origin:50% 0;
-webkit-transform:scaleY(1.01)
}
100% {
-webkit-transform-origin:50% 0;
-webkit-transform:scaleY(1)
}
}
@keyframes pullBottom {
0% {
transform-origin:50% 0;
transform:scaleY(0.1)
}
40% {
transform-origin:50% 0;
transform:scaleY(1.02)
}
60% {
transform-origin:50% 0;
transform:scaleY(0.98)
}
80% {
transform-origin:50% 0;
transform:scaleY(1.01)
}
100% {
transform-origin:50% 0;
transform:scaleY(0.98)
}
80% {
transform-origin:50% 0;
transform:scaleY(1.01)
}
100% {
transform-origin:50% 0;
transform:scaleY(1)
}
}
@-webkit-keyframes pullTop {
0% {
-webkit-transform-origin:50% 100%;
-webkit-transform:scaleY(0.1)
}
40% {
-webkit-transform-origin:50% 100%;
-webkit-transform:scaleY(1.02)
}
60% {
-webkit-transform-origin:50% 100%;
-webkit-transform:scaleY(0.98)
}
80% {
-webkit-transform-origin:50% 100%;
-webkit-transform:scaleY(1.01)
}
100% {
-webkit-transform-origin:50% 100%;
-webkit-transform:scaleY(0.98)
}
80% {
-webkit-transform-origin:50% 100%;
-webkit-transform:scaleY(1.01)
}
100% {
-webkit-transform-origin:50% 100%;
-webkit-transform:scaleY(1)
}
}
@keyframes pullTop {
0% {
transform-origin:50% 100%;
transform:scaleY(0.1)
}
40% {
transform-origin:50% 100%;
transform:scaleY(1.02)
}
60% {
transform-origin:50% 100%;
transform:scaleY(0.98)
}
80% {
transform-origin:50% 100%;
transform:scaleY(1.01)
}
100% {
transform-origin:50% 100%;
transform:scaleY(0.98)
}
80% {
transform-origin:50% 100%;
transform:scaleY(1.01)
}
100% {
transform-origin:50% 100%;
transform:scaleY(1)
}
}
@-webkit-keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
100% {
opacity:1
}
}
@keyframes zoomInRight {
0% {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
100% {
opacity:1
}
}
@-webkit-keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
100% {
opacity:1
}
}
@keyframes zoomInLeft {
0% {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
100% {
opacity:1
}
}
@-webkit-keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
100% {
opacity:1
}
}
@keyframes zoomInUp {
0% {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
100% {
opacity:1
}
}
@-webkit-keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
100% {
opacity:1
}
}
@keyframes zoomInDown {
0% {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
100% {
opacity:1
}
}
@-webkit-keyframes lightSpeedInRight {
0% {
-webkit-transform:translate3d(-100%, 0, 0) skewX(30deg);
opacity:0
}
60% {
-webkit-transform:skewX(-20deg);
opacity:1
}
80% {
-webkit-transform:skewX(5deg);
opacity:1
}
100% {
-webkit-transform:none;
opacity:1
}
}
@keyframes lightSpeedInRight {
0% {
transform:translate3d(-100%, 0, 0) skewX(30deg);
opacity:0
}
60% {
transform:skewX(-20deg);
opacity:1
}
80% {
transform:skewX(5deg);
opacity:1
}
100% {
transform:none;
opacity:1
}
}
@-webkit-keyframes lightSpeedInLeft {
0% {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
opacity:1
}
100% {
-webkit-transform:none;
opacity:1
}
}
@keyframes lightSpeedInLeft {
0% {
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
transform:skewX(20deg);
opacity:1
}
80% {
transform:skewX(-5deg);
opacity:1
}
100% {
transform:none;
opacity:1
}
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotateZ(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotateZ(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotateZ(-3deg)
}
100% {
-webkit-transform:scale3d(1, 1, 1)
}
}
@keyframes tada {
0% {
transform:scale3d(1, 1, 1)
}
10%, 20% {
transform:scale3d(.9, .9, .9) rotateZ(-3deg)
}
30%, 50%, 70%, 90% {
transform:scale3d(1.1, 1.1, 1.1) rotateZ(3deg)
}
40%, 60%, 80% {
transform:scale3d(1.1, 1.1, 1.1) rotateZ(-3deg)
}
100% {
transform:scale3d(1, 1, 1)
}
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0)
}
}
@keyframes shake {
0%, 100% {
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
transform:translate3d(10px, 0, 0)
}
}
@-webkit-keyframes bounceMinToMax {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale(.5)
}
20% {
-webkit-transform:scale(1.5)
}
40% {
-webkit-transform:scale(.9)
}
60% {
opacity:1;
-webkit-transform:scale(1.03)
}
80% {
-webkit-transform:scale(.97)
}
100% {
opacity:1;
-webkit-transform:scale(1)
}
}
@keyframes bounceMinToMax {
0%, 20%, 40%, 60%, 80%, 100% {
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
transform:scale(.5)
}
20% {
transform:scale(1.5)
}
40% {
transform:scale(.9)
}
60% {
opacity:1;
transform:scale(1.03)
}
80% {
transform:scale(.97)
}
100% {
opacity:1;
transform:scale(1)
}
}
@-webkit-keyframes scaleMaxToMin {
from {
opacity:0;
-webkit-transform:scale(2);
}
}
@keyframes scaleMaxToMin {
from {
opacity:0;
-webkit-transform:scale(2);
transform:scale(2);
}
}
@-webkit-keyframes scaleMinToMax {
from {
opacity:0;
-webkit-transform:scale(.5);
}
}
@keyframes scaleMinToMax {
from {
opacity:0;
-webkit-transform:scale(.5);
transform:scale(.5);
}
}
@-webkit-keyframes rotateFadeInAntiClockwise {
from {
-webkit-transform:translateZ(-3000px) rotateZ(360deg);
opacity:0;
}
}
@keyframes rotateFadeInAntiClockwise {
from {
-webkit-transform:translateZ(-3000px) rotateZ(360deg);
transform:translateZ(-3000px) rotateZ(360deg);
opacity:0;
}
}
@-webkit-keyframes rotateFadeInClockwise {
from {
-webkit-transform:translateZ(-3000px) rotateZ(-360deg);
opacity:0;
}
}
@keyframes rotateFadeInClockwise {
from {
-webkit-transform:translateZ(-3000px) rotateZ(-360deg);
transform:translateZ(-3000px) rotateZ(-360deg);
opacity:0;
}
}
@-webkit-keyframes bounceFrontIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(1.97, 1.97, 1.97)
}
20% {
-webkit-transform:scale3d(.9, .9, .9)
}
40% {
-webkit-transform:scale3d(1.1, 1.1, 1.1)
}
60% {
opacity:1;
-webkit-transform:scale3d(.97, .97, .97)
}
80% {
-webkit-transform:scale3d(1.03, 1.03, 1.3)
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1)
}
}
@keyframes bounceFrontIn {
0%, 20%, 40%, 60%, 80%, 100% {
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
transform:scale3d(1.97, 1.97, 1.97)
}
20% {
transform:scale3d(.9, .9, .9)
}
40% {
transform:scale3d(1.1, 1.1, 1.1)
}
60% {
opacity:1;
transform:scale3d(.97, .97, .97)
}
80% {
transform:scale3d(1.03, 1.03, 1.3)
}
100% {
opacity:1;
transform:scale3d(1, 1, 1)
}
}
@-webkit-keyframes bounceBehindIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97)
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1)
}
}
@keyframes bounceBehindIn {
0%, 20%, 40%, 60%, 80%, 100% {
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
transform:scale3d(.3, .3, .3)
}
20% {
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
transform:scale3d(.97, .97, .97)
}
100% {
opacity:1;
transform:scale3d(1, 1, 1)
}
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotateZ(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-webkit-transform:none;
opacity:1
}
}
@keyframes rotateInUpRight {
0% {
transform-origin:right bottom;
transform:rotateZ(-90deg);
opacity:0
}
100% {
transform-origin:right bottom;
transform:none;
opacity:1
}
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotateZ(45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-webkit-transform:none;
opacity:1
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin:left bottom;
transform:rotateZ(45deg);
opacity:0
}
100% {
transform-origin:left bottom;
transform:none;
opacity:1
}
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotateZ(45deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-webkit-transform:none;
opacity:1
}
}
@keyframes rotateInDownRight {
0% {
transform-origin:right bottom;
transform:rotateZ(45deg);
opacity:0
}
100% {
transform-origin:right bottom;
transform:none;
opacity:1
}
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotateZ(-45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-webkit-transform:none;
opacity:1
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin:left bottom;
transform:rotateZ(-45deg);
opacity:0
}
100% {
transform-origin:left bottom;
transform:none;
opacity:1
}
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0)
}
50% {
opacity:1;
-webkit-transform:translate3d(0, -8%, 0)
}
65% {
opacity:1;
-webkit-transform:translate3d(0, 4%, 0)
}
80% {
opacity:1;
-webkit-transform:translate3d(0, -4%, 0)
}
95% {
opacity:1;
-webkit-transform:translate3d(0, 2%, 0)
}
100% {
opacity:1;
-webkit-transform:translate3d(0, 0, 0)
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
transform:translate3d(0, 100%, 0)
}
50% {
opacity:1;
transform:translate3d(0, -8%, 0)
}
65% {
opacity:1;
transform:translate3d(0, 4%, 0)
}
80% {
opacity:1;
transform:translate3d(0, -4%, 0)
}
95% {
opacity:1;
transform:translate3d(0, 2%, 0)
}
100% {
opacity:1;
transform:translate3d(0, 0, 0)
}
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(150%, 0, 0)
}
50% {
opacity:1;
-webkit-transform:translate3d(-8%, 0, 0)
}
65% {
-webkit-transform:translate3d(4%, 0, 0)
}
80% {
-webkit-transform:translate3d(-4%, 0, 0)
}
95% {
-webkit-transform:translate3d(2%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
transform:translate3d(150%, 0, 0)
}
50% {
opacity:1;
transform:translate3d(-8%, 0, 0)
}
65% {
transform:translate3d(4%, 0, 0)
}
80% {
transform:translate3d(-4%, 0, 0)
}
95% {
transform:translate3d(2%, 0, 0)
}
100% {
opacity:1;
transform:none
}
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-150%, 0, 0)
}
50% {
opacity:1;
-webkit-transform:translate3d(8%, 0, 0)
}
65% {
-webkit-transform:translate3d(-4%, 0, 0)
}
80% {
-webkit-transform:translate3d(4%, 0, 0)
}
95% {
-webkit-transform:translate3d(-2%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
transform:translate3d(-150%, 0, 0)
}
50% {
opacity:1;
transform:translate3d(8%, 0, 0)
}
65% {
transform:translate3d(-4%, 0, 0)
}
80% {
transform:translate3d(4%, 0, 0)
}
95% {
transform:translate3d(-2%, 0, 0)
}
100% {
opacity:1;
transform:none
}
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0)
}
50% {
opacity:1;
-webkit-transform:translate3d(0, 8%, 0)
}
65% {
-webkit-transform:translate3d(0, -4%, 0)
}
80% {
-webkit-transform:translate3d(0, 4%, 0)
}
95% {
-webkit-transform:translate3d(0, -2%, 0)
}
100% {
opacity:1;
-webkit-transform:none
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
transform:translate3d(0, -100%, 0)
}
50% {
opacity:1;
transform:translate3d(0, 8%, 0)
}
65% {
transform:translate3d(0, -4%, 0)
}
80% {
transform:translate3d(0, 4%, 0)
}
95% {
transform:translate3d(0, -2%, 0)
}
100% {
opacity:1;
transform:none
}
}
@-webkit-keyframes moveFromBottomFade {
from {
opacity:0;
-webkit-transform:translateY(100%);
}
}
@keyframes moveFromBottomFade {
from {
opacity:0;
-webkit-transform:translateY(100%);
transform:translateY(100%);
}
}
@-webkit-keyframes moveFromBottom {
from {
-webkit-transform:translateY(100%);
}
}
@keyframes moveFromBottom {
from {
-webkit-transform:translateY(100%);
transform:translateY(100%);
}
}
@-webkit-keyframes moveFromRightFade {
from {
opacity:0;
-webkit-transform:translateX(100%);
}
}
@keyframes moveFromRightFade {
from {
opacity:0;
-webkit-transform:translateX(100%);
transform:translateX(100%);
}
}
@-webkit-keyframes moveFromRight {
from {
-webkit-transform:translateX(100%);
}
}
@keyframes moveFromRight {
from {
-webkit-transform:translateX(100%);
transform:translateX(100%);
}
}
@-webkit-keyframes moveFromLeftFade {
from {
opacity:0;
-webkit-transform:translateX(-100%);
}
}
@keyframes moveFromLeftFade {
from {
opacity:0;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
}
}
@-webkit-keyframes moveFromLeft {
from {
-webkit-transform:translateX(-100%);
}
}
@keyframes moveFromLeft {
from {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
}
}
@-webkit-keyframes moveFromTopFade {
from {
opacity:0;
-webkit-transform:translateY(-100%);
}
}
@keyframes moveFromTopFade {
from {
opacity:0;
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
}
}
@-webkit-keyframes moveFromTop {
from {
-webkit-transform:translateY(-100%);
}
}
@keyframes moveFromTop {
from {
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
}
}