47 lines
1.9 KiB
CSS
47 lines
1.9 KiB
CSS
|
.crazyswing{
|
||
|
|
-webkit-animation: crazyswing 1s ease infinite;
|
||
|
|
-moz-animation: crazyswing 1s ease infinite;
|
||
|
|
-o-animation: crazyswing 1s ease infinite;
|
||
|
|
-ms-animation: crazyswing 1s ease infinite;
|
||
|
|
animation: crazyswing 1s ease infinite;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes crazyswing{
|
||
|
|
0%,100%{-webkit-transform:translate(0,0) rotate(0);}
|
||
|
|
15%{-webkit-transform: translate(-15%,0) rotate(-5deg);}
|
||
|
|
30%{ -webkit-transform: translate(10%,0) rotate(3deg);}
|
||
|
|
45%{ -webkit-transform: translate(-10%,0) rotate(-3deg);}
|
||
|
|
60%{ -webkit-transform: translate(5%,0) rotate(2deg);}
|
||
|
|
75%{ -webkit-transform: translate(-5%,0) rotate(-1deg);}
|
||
|
|
}
|
||
|
|
@-moz-keyframes crazyswing{
|
||
|
|
0%,100%{ -moz-transform:translate(0.0) rotate(0);}
|
||
|
|
15%{ -moz-transform: translate(-15%,0) rotate(-5deg);}
|
||
|
|
30%{ -moz-transform: translate(10%,0) rotate(3deg);}
|
||
|
|
45%{ -moz-transform: translate(-10%,0) rotate(-3deg);}
|
||
|
|
60%{-moz-transform: translate(5%,0) rotate(2deg);}
|
||
|
|
75%{ -moz-transform: translate(-5%,0) rotate(-1deg);}
|
||
|
|
}
|
||
|
|
@-o-keyframes crazyswing{
|
||
|
|
0%,100%{ -o-transform:translate(0.0) rotate(0);}
|
||
|
|
15%{ -o-transform: translate(-15%,0) rotate(-5deg);}
|
||
|
|
30%{ -o-transform: translate(10%,0) rotate(3deg);}
|
||
|
|
45%{ -o-transform: translate(-10%,0) rotate(-3deg);}
|
||
|
|
60%{-o-transform: translate(5%,0) rotate(2deg);}
|
||
|
|
75%{ -o-transform: translate(-5%,0) rotate(-1deg);}
|
||
|
|
}
|
||
|
|
@-ms-keyframes crazyswing{
|
||
|
|
0%,100%{ -ms-transform:translate(0.0) rotate(0);}
|
||
|
|
15%{ -ms-transform: translate(-15%,0) rotate(-5deg);}
|
||
|
|
30%{ -ms-transform: translate(10%,0) rotate(3deg);}
|
||
|
|
45%{ -ms-transform: translate(-10%,0) rotate(-3deg);}
|
||
|
|
60%{-ms-transform: translate(5%,0) rotate(2deg);}
|
||
|
|
75%{ -ms-transform: translate(-5%,0) rotate(-1deg);}
|
||
|
|
}
|
||
|
|
@keyframes crazyswing{
|
||
|
|
0%,100%{transform:translate(0.0) rotate(0);}
|
||
|
|
15%{transform: translate(-15%,0) rotate(-5deg);}
|
||
|
|
30%{transform: translate(10%,0) rotate(3deg);}
|
||
|
|
45%{transform: translate(-10%,0) rotate(-3deg);}
|
||
|
|
60%{transform: translate(5%,0) rotate(2deg);}
|
||
|
|
75%{transform: translate(-5%,0) rotate(-1deg);}
|
||
|
|
}
|