I recently wrote a tutorial on how to create a CSS3 hover effect, the tutorial used CSS3 transitions, transforms and delays. The final result was an image which on hover an overlay rotated in with some text and a button fading and sliding in.

The inspiration for that article was a collection of effects I had created in my spare time to see what hover effects I could create using CSS3 only. In the end I created 25 different hover effects including my homage to the classic games tetris and snake.

View demo Download Demo