USING CSS TRANSITIONS TO CREATE IMAGE OVERLAYS

Today we are going to look at how to replicate the beautiful image overlays, also called caption animations, created by the jQuery plugin Mosaic with just CSS transitions. No JavaScript at all.

Important Note

Please be aware that as this tutorial uses CSS transitions this effect will only work in applicable browsers. At the time of writing those are Chrome, Safari, Firefox, Opera, IE 10+ and mobile browsers bar Opera Mini.

Digg This
Reddit This
Stumble Now!
Buzz This
Vote on DZone
Share on Facebook
Bookmark this on Delicious
Kick It on DotNetKicks.com
Shout it
Share on LinkedIn
Bookmark this on Technorati
Post on Twitter
Google Buzz (aka. Google Reader)

Leave a Comment

Fields marked by an asterisk (*) are required.