Original Hover Effects with CSS3 – Guest Post

November 2, 2011

Hello Folks,
Codrops invited me to write a tutorial and i thought about using my knowledge of CSS3 creating hover effects on images using CSS3 Transition and CSS3 Animation.

The power of CSS3 is enormous and in this tutorial we will see how to exploit it in a very creative way. We are going to create some thumbnail hover effects with CSS3 transitions. On hover over a thumbnail, we will reveal some description of the thumbnail, using a different style in each example.

Please note that this will only work properly in modern browsers that support the CSS3 properties in use.

View the Article


  1. i would be very aprecaitive if anyone knows how to get demo1 to work on ipad.

    demo3 works on ipad but i cant get demo1 to work to save my life.

    would love to hear back with any thoughts, i love this script

    thanks- toddb

  2. well, it was woth a try

    i really do love this script


Leave a Reply