Lightbox effect with CSS

lightbox Best WordPress Hosting

lightbox CSS

In this post, I will show a simple lightbox effect with the use of CSS only. No additional script is needed. As it uses only CSS so faster than other scripting methods. You can use this in any type of website content including images too. See the demo



Change the size and color of boxes to be shown


Change the content as per your need. Add images at the place of the content. Take care of the classes and div if using with many elements on a single page.

Download the demo code and use according to your need. Comment below in case of any difficult.


Read More:

Create jQuery Twitter Ticker
Simple Fade effect with CSS3
How to apply watermark effect to an image using CSS


Leave a Reply

Your email address will not be published. Required fields are marked *