Rocket Shake/Lift Off Animation (Pure HTML + CSS3) 🚀

#rocket {
	z-index:99999;
	position:absolute;
	bottom:30px;
	left:50%;
	margin:0 -20px;
}
img.liftOff {-webkit-animation:startRocket 4s 1 ease-in;animation:startRocket 4s 1 ease-in;}
@-webkit-keyframes startRocket {0% {-webkit-transform:rotate(0deg) scale(1) skew(0deg) translate(0);} 2% {-webkit-transform:rotate(-5deg) scale(1) skew(0deg) translate(0);} 4% {-webkit-transform:rotate(0deg) scale(1) skew(0deg) translate(0);} 6% {-webkit-transform:rotate(5deg) scale(1) skew(0deg) translate(0);} 8% {-webkit-transform:rotate(0deg) scale(1) skew(0deg) translate(0);} 10% {-webkit-transform:rotate(-5deg) scale(1) skew(0deg) translate(0);} 12% {-webkit-transform:rotate(0deg) scale(1) skew(0deg) translate(0);} 14% {-webkit-transform:rotate(0deg) scale(1) skew(0deg) translate(0);} 16% {-webkit-transform:rotate(-5deg) scale(1) skew(0deg) translate(0,0);} 18% {-webkit-transform:rotate(0deg) scale(1) skew(0deg) translate(0,-1px);} 20% {-webkit-transform:rotate(5deg) scale(1) skew(0deg) translate(0,-2px);} 22% {-webkit-transform:rotate(0deg) scale(1) skew(0deg) translate(0,-3px);} 24% {-webkit-transform:rotate(-5deg) scale(1) skew(0deg) translate(0,-5px);} 26% {-webkit-transform:rotate(0deg) scale(1) skew(0deg) translate(0,-7px);} 27% {bottom:30px;left:50%;} 100% {-webkit-transform:rotate(0deg) scale(1) skew(0deg) translate(0,-200px);bottom:3500px;left:50%;}}
@keyframes startRocket {0% {transform:rotate(0deg) scale(1) skew(0deg) translate(0);} 2% {transform:rotate(-5deg) scale(1) skew(0deg) translate(0);} 4% {transform:rotate(0deg) scale(1) skew(0deg) translate(0);} 6% {transform:rotate(5deg) scale(1) skew(0deg) translate(0);} 8% {transform:rotate(0deg) scale(1) skew(0deg) translate(0);} 10% {transform:rotate(-5deg) scale(1) skew(0deg) translate(0);} 12% {transform:rotate(0deg) scale(1) skew(0deg) translate(0);} 14% {transform:rotate(0deg) scale(1) skew(0deg) translate(0);} 16% {transform:rotate(-5deg) scale(1) skew(0deg) translate(0,0);} 18% {transform:rotate(0deg) scale(1) skew(0deg) translate(0,-1px);} 20% {transform:rotate(5deg) scale(1) skew(0deg) translate(0,-2px);} 22% {transform:rotate(0deg) scale(1) skew(0deg) translate(0,-3px);} 24% {transform:rotate(-5deg) scale(1) skew(0deg) translate(0,-5px);} 26% {transform:rotate(0deg) scale(1) skew(0deg) translate(0,-7px);} 27% {bottom:30px;left:50%;} 100% {transform:rotate(0deg) scale(1) skew(0deg) translate(0,-200px);bottom:3500px;left:50%;}}