| Server IP : 14.225.204.176 / Your IP : 216.73.216.6 Web Server : nginx/1.24.0 System : Linux nodejs-ybgk 6.8.0-40-generic #40-Ubuntu SMP PREEMPT_DYNAMIC Fri Jul 5 10:34:03 UTC 2024 x86_64 User : root ( 0) PHP Version : 8.1.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/html/php/mmobot/assets/css/ |
Upload File : |
/*
Author: Hassan;
Email: hassan_ahmed91@outlook.com;
Version: 1.9;
Animation Names:[
1- rotateAntiClockWise
2- rotateClockWise
3- tossing
4- j
5- k
6- l
7- m
8- wobble-bottom
9- fadeRTL
10- fadeLTR
11- fade-up
12- fadeInDown
13- shake
14- tada
15- heartBeat
16- fly
17- float
18- rotation
19- pulse
20- pulseTwo
21- flip-2-ver-left-1
22- rubberBand
23- flip
24- Shaky
25- LTRScale
];
*/
@keyframes LTRScale{
0% {
transform: translate(0px,0px) scaleX(0.66) scaleY(0.66) ;
}
50% {
transform: translate(50px,-20px) scaleX(1.00) scaleY(1.00) ;
}
100% {
transform: translate(0px,0px) scaleX(0.66) scaleY(0.66) ;
}
}
@-moz-keyframes LTRScale{
0% {
-moz-transform: translate(0px,0px) scaleX(0.66) scaleY(0.66) ;
}
50% {
-moz-transform: translate(50px,-20px) scaleX(1.00) scaleY(1.00) ;
}
100% {
-moz-transform: translate(0px,0px) scaleX(0.66) scaleY(0.66) ;
}
}
@-webkit-keyframes LTRScale {
0% {
-webkit-transform: translate(0px,0px) scaleX(0.66) scaleY(0.66) ;
}
50% {
-webkit-transform: translate(50px,-20px) scaleX(1.00) scaleY(1.00) ;
}
100% {
-webkit-transform: translate(0px,0px) scaleX(0.66) scaleY(0.66) ;
}
}
@-o-keyframes LTRScale {
0% {
-o-transform: translate(0px,0px) scaleX(0.66) scaleY(0.66) ;
}
50% {
-o-transform: translate(50px,-20px) scaleX(1.00) scaleY(1.00) ;
}
100% {
-o-transform: translate(0px,0px) scaleX(0.66) scaleY(0.66) ;
}
}
@keyframes shaky{
0% {
transform: translate(2px, 1px) rotate(0deg);
}
10% {
transform: translate(-1px, -2px) rotate(-2deg);
}
20% {
transform: translate(-3px, 0px) rotate(3deg);
}
30% {
transform: translate(0px, 2px) rotate(0deg);
}
40% {
transform: translate(1px, -1px) rotate(1deg);
}
50% {
transform: translate(-1px, 2px) rotate(-1deg);
}
60% {
transform: translate(-3px, 1px) rotate(0deg);
}
70% {
transform: translate(2px, 1px) rotate(-2deg);
}
80% {
transform: translate(-1px, -1px) rotate(4deg);
}
90% {
transform: translate(2px, 2px) rotate(0deg);
}
100%{
transform: translate(1px, -2px) rotate(-1deg);
}
}
@-webkit-keyframes shaky{
0% {
-webkit-transform: translate(2px, 1px) rotate(0deg);
}
10% {
-webkit-transform: translate(-1px, -2px) rotate(-2deg);
}
20% {
-webkit-transform: translate(-3px, 0px) rotate(3deg);
}
30% {
-webkit-transform: translate(0px, 2px) rotate(0deg);
}
40% {
-webkit-transform: translate(1px, -1px) rotate(1deg);
}
50% {
-webkit-transform: translate(-1px, 2px) rotate(-1deg);
}
60% {
-webkit-transform: translate(-3px, 1px) rotate(0deg);
}
70% {
-webkit-transform: translate(2px, 1px) rotate(-2deg);
}
80% {
-webkit-transform: translate(-1px, -1px) rotate(4deg);
}
90% {
-webkit-transform: translate(2px, 2px) rotate(0deg);
}
100%{
-webkit-transform: translate(1px, -2px) rotate(-1deg);
}
}
@-moz-keyframes shaky{
0% {
-moz-transform: translate(2px, 1px) rotate(0deg);
}
10% {
-moz-transform: translate(-1px, -2px) rotate(-2deg);
}
20% {
-moz-transform: translate(-3px, 0px) rotate(3deg);
}
30% {
-moz-transform: translate(0px, 2px) rotate(0deg);
}
40% {
-moz-transform: translate(1px, -1px) rotate(1deg);
}
50% {
-moz-transform: translate(-1px, 2px) rotate(-1deg);
}
60% {
-moz-transform: translate(-3px, 1px) rotate(0deg);
}
70% {
-moz-transform: translate(2px, 1px) rotate(-2deg);
}
80% {
-moz-transform: translate(-1px, -1px) rotate(4deg);
}
90% {
-moz-transform: translate(2px, 2px) rotate(0deg);
}
100%{
-moz-transform: translate(1px, -2px) rotate(-1deg);
}
}
@-o-keyframes shaky{
0% {
-o-transform: translate(2px, 1px) rotate(0deg);
}
10% {
-o-transform: translate(-1px, -2px) rotate(-2deg);
}
20% {
-o-transform: translate(-3px, 0px) rotate(3deg);
}
30% {
-o-transform: translate(0px, 2px) rotate(0deg);
}
40% {
-o-transform: translate(1px, -1px) rotate(1deg);
}
50% {
-o-transform: translate(-1px, 2px) rotate(-1deg);
}
60% {
-o-transform: translate(-3px, 1px) rotate(0deg);
}
70% {
-o-transform: translate(2px, 1px) rotate(-2deg);
}
80% {
-o-transform: translate(-1px, -1px) rotate(4deg);
}
90% {
-o-transform: translate(2px, 2px) rotate(0deg);
}
100%{
-o-transform: translate(1px, -2px) rotate(-1deg);
}
}
@-webkit-keyframes rubberBand{
0% {
-webkit-transform: scaleX(1);
}
30% {
-webkit-transform: scale3d(1.25,.75,1);
}
40% {
-webkit-transform: scale3d(.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: scaleX(1);
}
}
@-moz-keyframes rubberBand{
0% {
-moz-transform: scaleX(1);
}
30% {
-moz-transform: scale3d(1.25,.75,1);
}
40% {
-moz-transform: scale3d(.75,1.25,1);
}
50% {
-moz-transform: scale3d(1.15,.85,1);
}
65% {
-moz-transform: scale3d(.95,1.05,1);
}
75% {
-moz-transform: scale3d(1.05,.95,1);
}
100% {
-moz-transform: scaleX(1);
}
}
@-o-keyframes rubberBand{
0% {
-o-transform: scaleX(1);
}
30% {
-o-transform: scale3d(1.25,.75,1);
}
40% {
-o-transform: scale3d(.75,1.25,1);
}
50% {
-o-transform: scale3d(1.15,.85,1);
}
65% {
-o-transform: scale3d(.95,1.05,1);
}
75% {
-o-transform: scale3d(1.05,.95,1);
}
100% {
-o-transform: scaleX(1);
}
}
@keyframes rubberBand{
0% {
transform: scaleX(1);
}
30% {
transform: scale3d(1.25,.75,1);
}
40% {
transform: scale3d(.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: scaleX(1);
}
}
@-webkit-keyframes flip{
0% {
-webkit-transform: perspective(400px) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(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;
}
}
@-moz-keyframes flip{
0% {
-moz-transform: perspective(400px) rotateY(-1turn);
-moz-animation-timing-function: ease-out;
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
-moz-animation-timing-function: ease-out;
}
50% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
-moz-animation-timing-function: ease-in;
}
80% {
-moz-transform: perspective(400px) scale3d(.95,.95,.95);
-moz-animation-timing-function: ease-in;
}
100% {
-moz-transform: perspective(400px);
-moz-animation-timing-function: ease-in;
}
}
@-o-keyframes flip{
0% {
-o-transform: perspective(400px) rotateY(-1turn);
-o-animation-timing-function: ease-out;
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
-o-animation-timing-function: ease-out;
}
50% {
-o-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
-o-animation-timing-function: ease-in;
}
80% {
-o-transform: perspective(400px) scale3d(.95,.95,.95);
-o-animation-timing-function: ease-in;
}
100% {
-o-transform: perspective(400px);
-o-animation-timing-function: ease-in;
}
}
@keyframes flip{
0% {
transform: perspective(400px) rotateY(-1turn);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(-190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(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 flip-2-ver-left-1 {
0% {
-webkit-transform: translateX(0) rotateY(0);
-webkit-transform-origin: 0% 50%;
}
100% {
-webkit-transform: translateX(-100%) rotateY(180deg);
-webkit-transform-origin: 100% 0%;
}
}
@-moz-keyframes flip-2-ver-left-1 {
0% {
-moz-transform: translateX(0) rotateY(0);
-moz-transform-origin: 0% 50%;
}
100% {
-moz-transform: translateX(-100%) rotateY(180deg);
-moz-transform-origin: 100% 0%;
}
}
@-o-keyframes flip-2-ver-left-1 {
0% {
-o-transform: translateX(0) rotateY(0);
-o-transform-origin: 0% 50%;
}
100% {
-o-transform: translateX(-100%) rotateY(180deg);
-o-transform-origin: 100% 0%;
}
}
@keyframes flip-2-ver-left-1 {
0% {
transform: translateX(0) rotateY(0);
transform-origin: 0% 50%;
}
100% {
transform: translateX(-100%) rotateY(180deg);
transform-origin: 100% 0%;
}
}
@-webkit-keyframes rotateAntiClockWise {
from {
-webkit-transform: rotate(0deg) translateX(40px) rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg) translateX(40px) rotate(360deg);
}
}
@-moz-keyframes rotateAntiClockWise {
from {
-moz-transform: rotate(0deg) translateX(40px) rotate(0deg);
}
to {
-moz-transform: rotate(-360deg) translateX(40px) rotate(360deg);
}
}
@-o-keyframes rotateAntiClockWise {
from {
-o-transform: rotate(0deg) translateX(40px) rotate(0deg);
}
to {
-o-transform: rotate(-360deg) translateX(40px) rotate(360deg);
}
}
@keyframes rotateAntiClockWise {
from {
transform: rotate(0deg) translateX(40px) rotate(0deg);
}
to {
transform: rotate(-360deg) translateX(40px) rotate(360deg);
}
}
@-webkit-keyframes rotateClockWise {
from {
-webkit-transform: rotate(0deg) translateX(40px) rotate(0deg);
}
to {
-webkit-transform: rotate(360deg) translateX(40px) rotate(-360deg);
}
}
@-moz-keyframes rotateClockWise {
from {
-moz-transform: rotate(0deg) translateX(40px) rotate(0deg);
}
to {
-moz-transform: rotate(360deg) translateX(40px) rotate(-360deg);
}
}
@-o-keyframes rotateClockWise {
from {
-o-transform: rotate(0deg) translateX(40px) rotate(0deg);
}
to {
-o-transform: rotate(360deg) translateX(40px) rotate(-360deg);
}
}
@keyframes rotateClockWise {
from {
transform: rotate(0deg) translateX(40px) rotate(0deg);
}
to {
transform: rotate(360deg) translateX(40px) rotate(-360deg);
}
}
@-webkit-keyframes tossing {
0% {
-webkit-transform: rotate(-4deg);
}
50% {
-webkit-transform: rotate(4deg);
}
100% {
-webkit-transform: rotate(-4deg);
}
}
@-moz-keyframes tossing {
0% {
-moz-transform: rotate(-4deg);
}
50% {
-moz-transform: rotate(4deg);
}
100% {
-moz-transform: rotate(-4deg);
}
}
@-o-keyframes tossing {
0% {
-o-transform: rotate(-4deg);
}
50% {
-o-transform: rotate(4deg);
}
100% {
-o-transform: rotate(-4deg);
}
}
@keyframes tossing {
0% {
transform: rotate(-4deg);
}
50% {
transform: rotate(4deg);
}
100% {
transform: rotate(-4deg);
}
}
@-webkit-keyframes j {
0% {
-webkit-top:0;
-webkit-transform:rotate(0deg)
}
45% {
-webkit-top:6px;
-webkit-transform:rotate(145deg)
}
75% {
-webkit-transform:rotate(130deg)
}
to {
-webkit-transform:rotate(135deg)
}
}
@-moz-keyframes j {
0% {
-moz-top:0;
-moz-transform:rotate(0deg)
}
45% {
-moz-top:6px;
-moz-transform:rotate(145deg)
}
75% {
-moz-transform:rotate(130deg)
}
to {
-moz-transform:rotate(135deg)
}
}
@-o-keyframes j {
0% {
-o-top:0;
-o-transform:rotate(0deg)
}
45% {
-o-top:6px;
-o-transform:rotate(145deg)
}
75% {
-o-transform:rotate(130deg)
}
to {
-o-transform:rotate(135deg)
}
}
@keyframes j {
0% {
top:0;
transform:rotate(0deg)
}
45% {
top:6px;
transform:rotate(145deg)
}
75% {
transform:rotate(130deg)
}
to {
transform:rotate(135deg)
}
}
@-webkit-keyframes k {
0% {
-webkit-top:6px;
-webkit-transform:rotate(135deg)
}
45% {
-webkit-transform:rotate(-10deg)
}
75% {
-webkit-transform:rotate(5deg)
}
to {
-webkit-top:0;
-webkit-transform:rotate(0)
}
}
@-moz-keyframes k {
0% {
-moz-top:6px;
-moz-transform:rotate(135deg)
}
45% {
-moz-transform:rotate(-10deg)
}
75% {
-moz-transform:rotate(5deg)
}
to {
-moz-top:0;
-moz-transform:rotate(0)
}
}
@-o-keyframes k {
0% {
-o-top:6px;
-o-transform:rotate(135deg)
}
45% {
-o-transform:rotate(-10deg)
}
75% {
-o-transform:rotate(5deg)
}
to {
-o-top:0;
-o-transform:rotate(0)
}
}
@keyframes k {
0% {
top:6px;
transform:rotate(135deg)
}
45% {
transform:rotate(-10deg)
}
75% {
transform:rotate(5deg)
}
to {
top:0;
transform:rotate(0)
}
}
@-webkit-keyframes l {
0% {
-webkit-bottom:0;
-webkit-transform:rotate(0deg)
}
45% {
-webkit-bottom: 8px;
-webkit-transform:rotate(-145deg)
}
75% {
-webkit-transform:rotate(-130deg)
}
to {
-webkit-transform:rotate(-135deg)
}
}
@-moz-keyframes l {
0% {
-moz-bottom:0;
-moz-transform:rotate(0deg)
}
45% {
-moz-bottom: 8px;
-moz-transform:rotate(-145deg)
}
75% {
-moz-transform:rotate(-130deg)
}
to {
-moz-transform:rotate(-135deg)
}
}
@-o-keyframes l {
0% {
-o-bottom:0;
-o-transform:rotate(0deg)
}
45% {
-o-bottom: 8px;
-o-transform:rotate(-145deg)
}
75% {
-o-transform:rotate(-130deg)
}
to {
-o-transform:rotate(-135deg)
}
}
@keyframes l {
0% {
bottom:0;
transform:rotate(0deg)
}
45% {
bottom: 8px;
transform:rotate(-145deg)
}
75% {
transform:rotate(-130deg)
}
to {
transform:rotate(-135deg)
}
}
@-webkit-keyframes m {
0% {
-webkit-bottom: 6px;
-webkit-transform:rotate(-135deg)
}
45% {
-webkit-transform:rotate(10deg)
}
75% {
-webkit-transform:rotate(-5deg)
}
to {
-webkit-bottom:0;
-webkit-transform:rotate(0)
}
}
@-moz-keyframes m {
0% {
-moz-bottom: 6px;
-moz-transform:rotate(-135deg)
}
45% {
-moz-transform:rotate(10deg)
}
75% {
-moz-transform:rotate(-5deg)
}
to {
-moz-bottom:0;
-moz-transform:rotate(0)
}
}
@-o-keyframes m {
0% {
-o-bottom: 6px;
-o-transform:rotate(-135deg)
}
45% {
-o-transform:rotate(10deg)
}
75% {
-o-transform:rotate(-5deg)
}
to {
-o-bottom:0;
-o-transform:rotate(0)
}
}
@keyframes m {
0% {
bottom: 6px;
transform:rotate(-135deg)
}
45% {
transform:rotate(10deg)
}
75% {
transform:rotate(-5deg)
}
to {
bottom:0;
transform:rotate(0)
}
}
@-webkit-keyframes wobble-bottom{
16.65% {
-webkit-transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
}
}
@-moz-keyframes wobble-bottom{
16.65% {
-moz-transform: skew(-12deg);
}
33.3% {
-moz-transform: skew(10deg);
}
49.95% {
-moz-transform: skew(-6deg);
}
66.6% {
-moz-transform: skew(4deg);
}
83.25% {
-moz-transform: skew(-2deg);
}
100% {
-moz-transform: skew(0);
}
}
@-o-keyframes wobble-bottom{
16.65% {
-o-transform: skew(-12deg);
}
33.3% {
-o-transform: skew(10deg);
}
49.95% {
-o-transform: skew(-6deg);
}
66.6% {
-o-transform: skew(4deg);
}
83.25% {
-o-transform: skew(-2deg);
}
100% {
-o-transform: skew(0);
}
}
@keyframes wobble-bottom{
16.65% {
transform: skew(-12deg);
}
33.3% {
transform: skew(10deg);
}
49.95% {
transform: skew(-6deg);
}
66.6% {
transform: skew(4deg);
}
83.25% {
transform: skew(-2deg);
}
100% {
transform: skew(0);
}
}
@-webkit-keyframes fadeRTL {
0% {
-webkit-transform: translateY(0);
-webkit-opacity: 0;
}
50% {
-webkit-transform: translate(-10px, -20px);
-webkit-opacity: 1;
}
100% {
-webkit-transform: translate(-10px, -20px);
-webkit-opacity: 0;
}
}
@-moz-keyframes fadeRTL {
0% {
-moz-transform: translateY(0);
-moz-opacity: 0;
}
50% {
-moz-transform: translate(-10px, -20px);
-moz-opacity: 1;
}
100% {
-moz-transform: translate(-10px, -20px);
-moz-opacity: 0;
}
}
@-o-keyframes fadeRTL {
0% {
-o-transform: translateY(0);
-o-opacity: 0;
}
50% {
-o-transform: translate(-10px, -20px);
-o-opacity: 1;
}
100% {
-o-transform: translate(-10px, -20px);
-o-opacity: 0;
}
}
@keyframes fadeRTL {
0% {
transform: translateY(0);
opacity: 0;
}
50% {
transform: translate(-10px, -20px);
opacity: 1;
}
100% {
transform: translate(-10px, -20px);
opacity: 0;
}
}
@-webkit-keyframes fadeLTR {
0% {
-webkit-transform: translateY(0);
-webkit-opacity: 0;
}
50% {
-webkit-transform: translate(10px, -20px);
-webkit-opacity: 1;
}
100% {
-webkit-transform: translate(10px, -20px);
-webkit-opacity: 0;
}
}
@-moz-keyframes fadeLTR {
0% {
-moz-transform: translateY(0);
-moz-opacity: 0;
}
50% {
-moz-transform: translate(10px, -20px);
-moz-opacity: 1;
}
100% {
-moz-transform: translate(10px, -20px);
-moz-opacity: 0;
}
}
@-o-keyframes fadeLTR {
0% {
-o-transform: translateY(0);
-o-opacity: 0;
}
50% {
-o-transform: translate(10px, -20px);
-o-opacity: 1;
}
100% {
-o-transform: translate(10px, -20px);
-o-opacity: 0;
}
}
@keyframes fadeLTR {
0% {
transform: translateY(0);
opacity: 0;
}
50% {
transform: translate(10px, -20px);
opacity: 1;
}
100% {
transform: translate(10px, -20px);
opacity: 0;
}
}
@-webkit-keyframes fade-up {
0% {
-webkit-transform: translateY(0);
-webkit-opacity: 0;
}
50% {
-webkit-transform: translate(0, -20px);
-webkit-opacity: 1;
}
100% {
-webkit-transform: translate(0, -20px);
-webkit-opacity: 0;
}
}
@-moz-keyframes fade-up {
0% {
-moz-transform: translateY(0);
-moz-opacity: 0;
}
50% {
-moz-transform: translate(0, -20px);
-moz-opacity: 1;
}
100% {
-moz-transform: translate(0, -20px);
-moz-opacity: 0;
}
}
@-o-keyframes fade-up {
0% {
-o-transform: translateY(0);
-o-opacity: 0;
}
50% {
-o-transform: translate(0, -20px);
-o--o-opacity: 1;
}
100% {
-o-transform: translate(0, -20px);
-o-opacity: 0;
}
}
@keyframes fade-up {
0% {
transform: translateY(0);
opacity: 0;
}
50% {
transform: translate(0, -20px);
opacity: 1;
}
100% {
transform: translate(0, -20px);
opacity: 0;
}
}
@-webkit-keyframes fadeInDown{
0%{
-webkit-opacity:0;
-webkit-transform: translate3d(0,-100%,0);
}
100%{
-webkit-opacity:1;
-webkit-transform: none;
}
}
@-moz-keyframes fadeInDown{
0%{
-moz-opacity:0;
-moz-transform: translate3d(0,-100%,0);
}
100%{
-moz-opacity:1;
-moz-transform: none;
}
}
@-o-keyframes fadeInDown{
0%{
-o-opacity:0;
-o-transform: translate3d(0,-100%,0);
}
100%{
-o-opacity:1;
-o-transform: none;
}
}
@keyframes fadeInDown{
0%{
opacity:0;
transform: translate3d(0,-100%,0);
}
100%{
opacity:1;
transform: none;
}
}
@-webkit-keyframes shake{
0% {
-webkit-transform: translate(0px,0px);
}
10% {
-webkit-transform: translate(-10px,0px);
}
20% {
-webkit-transform: translate(10px,0px);
}
30% {
-webkit-transform: translate(-10px,0px);
}
40% {
-webkit-transform: translate(10px,0px);
}
50% {
-webkit-transform: translate(-10px,0px);
}
60% {
-webkit-transform: translate(10px,0px);
}
70% {
-webkit-transform: translate(-10px,0px);
}
80% {
-webkit-transform: translate(10px,0px);
}
90% {
-webkit-transform: translate(-10px,0px);
}
100% {
-webkit-transform: translate(0px,0px);
}
}
@-moz-keyframes shake{
0% {
-moz-transform: translate(0px,0px);
}
10% {
-moz-transform: translate(-10px,0px);
}
20% {
-moz-transform: translate(10px,0px);
}
30% {
-moz-transform: translate(-10px,0px);
}
40% {
-moz-transform: translate(10px,0px);
}
50% {
-moz-transform: translate(-10px,0px);
}
60% {
-moz-transform: translate(10px,0px);
}
70% {
-moz-transform: translate(-10px,0px);
}
80% {
-moz-transform: translate(10px,0px);
}
90% {
-moz-transform: translate(-10px,0px);
}
100% {
-moz-transform: translate(0px,0px);
}
}
@-o-keyframes shake{
0% {
-o-transform: translate(0px,0px);
}
10% {
-o-transform: translate(-10px,0px);
}
20% {
-o-transform: translate(10px,0px);
}
30% {
-o-transform: translate(-10px,0px);
}
40% {
-o-transform: translate(10px,0px);
}
50% {
-o-transform: translate(-10px,0px);
}
60% {
-o-transform: translate(10px,0px);
}
70% {
-o-transform: translate(-10px,0px);
}
80% {
-o-transform: translate(10px,0px);
}
90% {
-o-transform: translate(-10px,0px);
}
100% {
-o-transform: translate(0px,0px);
}
}
@keyframes shake{
0% {
transform: translate(0px,0px);
}
10% {
transform: translate(-10px,0px);
}
20% {
transform: translate(10px,0px);
}
30% {
transform: translate(-10px,0px);
}
40% {
transform: translate(10px,0px);
}
50% {
transform: translate(-10px,0px);
}
60% {
transform: translate(10px,0px);
}
70% {
transform: translate(-10px,0px);
}
80% {
transform: translate(10px,0px);
}
90% {
transform: translate(-10px,0px);
}
100% {
transform: translate(0px,0px);
}
}
@-webkit-keyframes tada{
0% {
-webkit-transform: rotate(0deg) scaleX(1.00) scaleY(1.00);
}
10% {
-webkit-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);
}
20% {
-webkit-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);
}
30% {
-webkit-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
}
40% {
-webkit-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
50% {
-webkit-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
}
60% {
-webkit-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
70% {
-webkit-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
}
80% {
-webkit-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
90% {
-webkit-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
}
100% {
-webkit-transform: rotate(0deg) scaleX(1.20) scaleY(1.20);
}
}
@-moz-keyframes tada{
0% {
-moz-transform: rotate(0deg) scaleX(1.00) scaleY(1.00);
}
10% {
-moz-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);
}
20% {
-moz-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);
}
30% {
-moz-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
}
40% {
-moz-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
50% {
-moz-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
}
60% {
-moz-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
70% {
-moz-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
}
80% {
-moz-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
90% {
-moz-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
}
100% {
-moz-transform: rotate(0deg) scaleX(1.20) scaleY(1.20);
}
}
@-o-keyframes tada{
0% {
-o-transform: rotate(0deg) scaleX(1.00) scaleY(1.00);
}
10% {
-o-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);
}
20% {
-o-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);
}
30% {
-o-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
}
40% {
-o-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
50% {
-o-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
}
60% {
-o-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
70% {
-o-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
}
80% {
-o-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
90% {
-o-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
}
100% {
-o-transform: rotate(0deg) scaleX(1.20) scaleY(1.20);
}
}
@keyframes tada{
0% {
transform: rotate(0deg) scaleX(1.00) scaleY(1.00);
}
10% {
transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);
}
20% {
transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);
}
30% {
transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
}
40% {
transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
50% {
transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
}
60% {
transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
70% {
transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
}
80% {
transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
90% {
transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
}
100% {
transform: rotate(0deg) scaleX(1.20) scaleY(1.20);
}
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(1.1);
}
40% {
-webkit-transform: scale(1);
}
60% {
-webkit-transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes heartBeat {
0% {
-moz-transform: scale(1);
}
25% {
-moz-transform: scale(1.1);
}
40% {
-moz-transform: scale(1);
}
60% {
-moz-transform: scale(1.1);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes heartBeat {
0% {
-o-transform: scale(1);
}
25% {
-o-transform: scale(1.1);
}
40% {
-o-transform: scale(1);
}
60% {
-o-transform: scale(1.1);
}
100% {
-o-transform: scale(1);
}
}
@keyframes heartBeat {
0% {
transform: scale(1);
}
25% {
transform: scale(1.1);
}
40% {
transform: scale(1);
}
60% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes fly {
0% {
-webkit-transform: translate(0px,0px);
}
25% {
-webkit-transform: translate(10px,10px);
}
40% {
-webkit-transform: translate(-10px,20px);
}
60% {
-webkit-transform: translate(10px,30px);
}
100% {
-webkit-transform: translate(-10px,40px);
}
}
@-moz-keyframes fly {
0% {
-moz-transform: translate(0px,0px);
}
25% {
-moz-transform: translate(10px,10px);
}
40% {
-moz-transform: translate(-10px,20px);
}
60% {
-moz-transform: translate(10px,30px);
}
100% {
-moz-transform: translate(-10px,40px);
}
}
@-o-keyframes fly {
0% {
-o-transform: translate(0px,0px);
}
25% {
-o-transform: translate(10px,10px);
}
40% {
-o-transform: translate(-10px,20px);
}
60% {
-o-transform: translate(10px,30px);
}
100% {
-o-transform: translate(-10px,40px);
}
}
@keyframes fly {
0% {
transform: translate(0px,0px);
}
25% {
transform: translate(10px,10px);
}
40% {
transform: translate(-10px,20px);
}
60% {
transform: translate(10px,30px);
}
100% {
transform: translate(-10px,40px);
}
}
@-webkit-keyframes float {
0%,50% {
-webkit-transform:translateY(0);
-webkit-animation-timing-function:cubic-bezier(.2,.25,.55,1)
}
25% {
-webkit-transform:translateY(-7px);
-webkit-animation-timing-function:cubic-bezier(.45,0,.8,.75)
}
75% {
-webkit-transform:translateY(7px);
-webkit-animation-timing-function:cubic-bezier(.45,0,.8,.75)
}
to {
-webkit-transform:translateY(0)
}
}
@-moz-keyframes float {
0%,50% {
-moz-transform:translateY(0);
-moz-animation-timing-function:cubic-bezier(.2,.25,.55,1)
}
25% {
-moz-transform:translateY(-7px);
-moz-animation-timing-function:cubic-bezier(.45,0,.8,.75)
}
75% {
-moz-transform:translateY(7px);
-moz-animation-timing-function:cubic-bezier(.45,0,.8,.75)
}
to {
-moz-transform:translateY(0)
}
}
@-o-keyframes float {
0%,50% {
-o-transform:translateY(0);
-o-animation-timing-function:cubic-bezier(.2,.25,.55,1)
}
25% {
-o-transform:translateY(-7px);
-o-animation-timing-function:cubic-bezier(.45,0,.8,.75)
}
75% {
-o-transform:translateY(7px);
-o-animation-timing-function:cubic-bezier(.45,0,.8,.75)
}
to {
-o-transform:translateY(0)
}
}
@keyframes float {
0%,50% {
transform:translateY(0);
animation-timing-function:cubic-bezier(.2,.25,.55,1)
}
25% {
transform:translateY(-7px);
animation-timing-function:cubic-bezier(.45,0,.8,.75)
}
75% {
transform:translateY(7px);
animation-timing-function:cubic-bezier(.45,0,.8,.75)
}
to {
transform:translateY(0)
}
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
@-moz-keyframes rotation {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(359deg);
}
}
@-o-keyframes rotation {
from {
-o-transform: rotate(0deg);
}
to {
-o-transform: rotate(359deg);
}
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
@-moz-keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
@-o-keyframes pulse {
0% {
-o-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
}
70% {
-o-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
}
100% {
-o-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
}
70% {
box-shadow: 0 0 0 10px rgba(204,169,44, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
@-webkit-keyframes pulseTwo {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
@-moz-keyframes pulseTwo {
0% {
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
@-o-keyframes pulseTwo {
0% {
-o-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
}
70% {
-o-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
}
100% {
-o-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
@keyframes pulseTwo {
0% {
box-shadow: 0 0 0 0 rgb(86, 180, 177, 0.2);
}
70% {
box-shadow: 0 0 0 10px rgb(86, 180, 177, 0.2);
}
100% {
box-shadow: 0 0 0 0 rgb(86, 180, 177, 0.2);
}
}
/* ==========================================================================
Hassan custom keyframs (EpycDev)
========================================================================== */