Shake Html Elements with CSS3 Animations and Transforms – linkquake

Category: Animation , CSS & CSS3 | February 16, 2014
Author: bmcculley
Views Total: 11,577 views
Official Page: Go to website
Last Update: February 16, 2014
License: MIT

Preview:

Shake Html Elements with CSS3 Animations and Transforms – linkquake

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>

You Might Be Interested In:


Leave a Reply