CSS3 is still under development and not all browsers support it, which mean this CSS3 Lightbox solutions are not cross-browser compatible (only the latest versions of the modern non-IE web browsers support CSS3).
A big thank you to our sponsor who makes running this blog possible: DisciPlanner.
In this post, I’ll be featuring 10 awesome CSS3 Lightbox and modal windows that you can use on you web applications.
For those using WebKit based browsers (Safari and Chrome), CSS3 effects and properties can help you create fast, simple modals by using transforms, animation, and some subtle design cues. Demo works best in Safari 4 or Chrome 5.
Uses CSS3 adjacent sibling selector to produce a Clickbox Gallery. A series of images can be viewed using ‘Previous’ and ‘Next’ buttons that popup when hovering the images. Demo works best in For Firefox, Opera, Safari, Chrome, IE8, SeaMonkey and Floc
Targeting a link directly to the URL with the hash tag will trigger the “LighterBox” onload.
This gallery is fully functional in webkit (tested & developed under Chrome). Main functionality is also preserved in Firefox, but -moz-transition doesn’t work well if animated elements aren’t the ones that get :focused or :hovered.