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.