Template:DrunkenMosquito/styles.css

@keyframes wiggle2 {
	0% { transform: rotate(4deg); }
	10% { transform: rotate(-8deg); }
	20% { transform: rotate(-8deg) scaleX(0.5); }
	30% { transform: rotate(-8deg) scaleX(1.5); }
	40% { transform: rotate(8deg) scaleX(1.5) scaleY(0.7); }
	50% { transform: rotate(-50deg) scaleX(0.5) scaleY(1.4); }
	60% { transform: rotate(50deg); }
	70% { transform: rotate(-70deg) scaleX(0.5); }
	80% { transform: rotate(70deg) scaleX(1.5); }
	90% { transform: rotate(180deg) scaleX(1.5) scaleY(0.7); }
	100% { transform: rotate(-360deg) scaleX(0.9) scaleY(0.9); }
}

.wobble2 {
	animation: wiggle2 0.7s infinite; 
	animation-timing-function: ease-in-out;
}
/* [[Category:Stylesheets]] */
@keyframes wiggle3 {
	0%   { transform: rotate(2deg); }
	10%  { transform: rotate(-4deg); }
	20%  { transform: rotate(-4deg) scaleX(0.95); }
	30%  { transform: rotate(-4deg) scaleX(1.05); }
	40%  { transform: rotate(4deg) scaleX(1.05) scaleY(0.95); }
	50%  { transform: rotate(-10deg) scaleX(0.95) scaleY(1.05); }
	60%  { transform: rotate(10deg); }
	70%  { transform: rotate(-12deg) scaleX(0.95); }
	80%  { transform: rotate(12deg) scaleX(1.05); }
	90%  { transform: rotate(20deg) scaleX(1.05) scaleY(0.95); }
	100% { transform: rotate(-20deg) scaleX(0.98) scaleY(0.98); }
}

.wobble3 {
	display: inline-block;
	animation: wiggle3 0.7s infinite ease-in-out;
	transform-origin: center center;
}