@-webkit-keyframes sm-y-move {
0% {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
100% {
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
}
}
@-webkit-keyframes md-y-move {
0% {
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
}
100% {
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%);
}
}
@-webkit-keyframes lg-y-move {
0% {
-webkit-transform: translate(0, -150%);
transform: translate(0, -150%);
}
100% {
-webkit-transform: translate(0, 150%);
transform: translate(0, 150%);
}
}
@-webkit-keyframes sm-x-move {
0% {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
100% {
-webkit-transform: translate(50%, 0);
transform: translate(50%, 0);
}
}
@-webkit-keyframes md-x-move {
0% {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
100% {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
}
}
@-webkit-keyframes lg-x-move {
0% {
-webkit-transform: translate(-150%, 0);
transform: translate(-150%, 0);
}
100% {
-webkit-transform: translate(150%, 0);
transform: translate(150%, 0);
}
}
@-webkit-keyframes sm-xy-move {
0% {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
100% {
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
}
@keyframes sm-xy-move {
0% {
-webkit-transform: translate(-10%, -10%);
transform: translate(-10%, -10%);
}
100% {
-webkit-transform: translate(10%, 10%);
transform: translate(10%, 10%);
}
}
@-webkit-keyframes md-xy-move {
0% {
-webkit-transform: translate(-25%, -25%);
transform: translate(-25%, -25%);
}
100% {
-webkit-transform: translate(25%, 25%);
transform: translate(25%, 25%);
}
}
@keyframes md-xy-move {
0% {
-webkit-transform: translate(-25%, -25%);
transform: translate(-25%, -25%);
}
100% {
-webkit-transform: translate(25%, 25%);
transform: translate(25%, 25%);
}
}
@-webkit-keyframes lg-xy-move {
0% {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
100% {
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
}
@keyframes lg-xy-move {
0% {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
100% {
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
}
@-webkit-keyframes sm-yx-move {
0% {
-webkit-transform: translate(10%, -10%);
transform: translate(10%, -10%);
}
100% {
-webkit-transform: translate(-10%, 10%);
transform: translate(-10%, 10%);
}
}
@keyframes sm-yx-move {
0% {
-webkit-transform: translate(10%, -10%);
transform: translate(10%, -10%);
}
100% {
-webkit-transform: translate(-10%, 10%);
transform: translate(-10%, 10%);
}
}
@-webkit-keyframes md-yx-move {
0% {
-webkit-transform: translate(25%, -25%);
transform: translate(25%, -25%);
}
100% {
-webkit-transform: translate(-25%, 25%);
transform: translate(-25%, 25%);
}
}
@keyframes md-yx-move {
0% {
-webkit-transform: translate(25%, -25%);
transform: translate(25%, -25%);
}
100% {
-webkit-transform: translate(-25%, 25%);
transform: translate(-25%, 25%);
}
}
@-webkit-keyframes lg-yx-move {
0% {
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
100% {
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
}
@keyframes lg-yx-move {
0% {
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
100% {
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
}
@-webkit-keyframes fade-in-out {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1
}
}
@keyframes fade-in-out {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1
}
}
@-webkit-keyframes rotate-x {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(320deg);
transform: rotate(320deg);
}
}
@keyframes rotate-x {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(320deg);
transform: rotate(320deg);
}
}
@-webkit-keyframes rotate-y {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-320deg);
transform: rotate(-320deg);
}
}
@keyframes rotate-y {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-320deg);
transform: rotate(-320deg);
}
}