.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);} }