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

Thanks for checking out the site! Feel free to use any and all parts of the code available at github ♥ Oscar.