@keyframes rotateScale {
from {
transform: rotate(0deg) scale(1);
}
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes rotateScale {
from {
transform: rotate(0deg) scale(1);
}
to {
transform: rotate(360deg);
}
}
@-moz-keyframes rotateScale {
from {
transform: rotate(0deg) scale(1);
}
to {
transform: rotate(360deg);
}
} @keyframes infiUpDown {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(-25px);
transform: translateY(-25px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@-webkit-keyframes infiUpDown {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(-25px);
transform: translateY(-25px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
} @keyframes infiLeftRight {
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-webkit-transform: translateX(-35px);
transform: translateX(-35px);
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@-webkit-keyframes infiLeftRight {
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-webkit-transform: translateX(-35px);
transform: translateX(-35px);
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
} @keyframes twinRotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes twinRotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
} @keyframes heartbeat {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
@-webkit-keyframes heartbeat {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
} @keyframes rotateInfinit {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(45deg);
}
50% {
transform: rotate(90deg);
}
75% {
transform: rotate(135deg);
}
100% {
transform: rotate(180deg);
}
}
@keyframes spinInfinit {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
} @-webkit-keyframes ZoomToFade {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: scale(1.4, 1.4);
-ms-transform: scale(1.4, 1.4);
transform: scale(1.4, 1.4);
}
}
@keyframes ZoomToFade {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: scale(1.4, 1.4);
-ms-transform: scale(1.4, 1.4);
transform: scale(1.4, 1.4);
}
} @-webkit-keyframes ZoomToFade2 {
0% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes ZoomToFade2 {
0% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
} @-webkit-keyframes ZoomToFade3 {
0% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
@keyframes ZoomToFade3 {
0% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
@keyframes white-shadow {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
-webkit-transition: box-shadow .3s ease-in-out;
-webkit-transition: -webkit-box-shadow .3s ease-in-out;
-o-transition: box-shadow .3s ease-in-out;
transition: box-shadow .3s ease-in-out;
transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out
}
100% {
-webkit-box-shadow: 0 0 0 30px transparent;
box-shadow: 0 0 0 30px transparent;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: box-shadow .4s ease-in-out;
-webkit-transition: -webkit-box-shadow .4s ease-in-out;
-o-transition: box-shadow .4s ease-in-out;
transition: box-shadow .4s ease-in-out;
transition: box-shadow .4s ease-in-out, -webkit-box-shadow .4s ease-in-out
}
}
@-webkit-keyframes red-shadow {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .4)
}
100% {
-webkit-box-shadow: 0 0 0 20px transparent;
box-shadow: 0 0 0 20px transparent
}
}
@keyframes red-shadow {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .4)
}
100% {
-webkit-box-shadow: 0 0 0 20px transparent;
box-shadow: 0 0 0 20px transparent
}
} .infiUpDown {
animation: infiUpDown 1s infinite alternate;
} .heartbeat {
animation: heartbeat 1s infinite alternate;
} .infiLeftRight {
animation: infiLeftRight 1s infinite alternate;
}