Attention shake animation

This is a shaking animation to grab attention.

@keyframes attention-shake {
	0% {
		transform: rotate(0deg) scale(1);
	}
	25% {
		transform: rotate(0deg) scale(1.4);
	}
	30% {
		transform: rotate(10deg) scale(1.4);
	}
	40% {
		transform: rotate(-10deg) scale(1.4);
	}
	50% {
		transform: rotate(10deg) scale(1.4);
	}
	55% {
		transform: rotate(0deg) scale(1.4);
	}
	70% {
		transform: rotate(0deg) scale(1.4);
	}
	100% {
		transform: rotate(0deg) scale(1);
	}
}

.attentionShake {
	animation: attention-shake 1s 1 ease-in-out;
}