Skip to content

USING CSS TRANSITIONS TO CREATE IMAGE OVERLAYS

2014 January 14
by buddy

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.

No comments yet

Leave a Reply

Note: You can use basic XHTML in your comments. Your email address will never be published.

Subscribe to this comment feed via RSS

 

SEO Powered by Platinum SEO from Techblissonline
  • Partner links