Template:Wobbly/styles.css

@keyframes wiggle {
	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); }
}

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