Shake Html Elements with CSS3 Animations and Transforms – linkquake

Preview:

Description:

Apply an earthquake ‘shake’ animation on any html elements when hovering over, based on CSS3 animations, transforms and keyframes.

How to use it:

Include the quake.css in the html document.

<link rel="stylesheet" href="css/quake.css">

Add CSS class ‘shake-me’ to any html element you would like to make it shake.

<h1 class="shake-me">Shaken</h1>