/Lightbox effect with CSS

Lightbox effect with CSS

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



Deepanker Verma is the CEO of Techlomedia and a full time blogger. On this blog, he shares web design resources, SEO tips blog monetization tips.