Learn how to create custom pure CSS lightbox with nice animation effects.

I am creating for every designer everyone can use this very easy code on any custom website.

Here everything is available you can check the live demo or also download the source file and use anywhere.

HTML

<h2>CSS Lightbox with animation</h2> <a href="#image1" class="show-image"><img src="http://placehold.it/150x150" /></a> <div class="lightbox short-animate" id="image1"> <img class="long-animate" src="http://placehold.it/650x650" /> </div> <div id="close-button" class="short-animate"> <a id="close-lightbox" class="long-animate" href="#!">Close Lightbox</a> </div>

CSS