in , , ,

Lightbox effect with CSS

Advertisement

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

DEMO  DOWNLOAD

CSS

Change the size and color of boxes to be shown

Advertisement

HTML

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.

DEMO  DOWNLOAD

Read More:

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

Advertisement

Written by Deepanker

Deepanker Verma is the founder of Techlomedia. He is a tech blogger, developer and gadget freak.

Leave a Reply

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

Loading…

Compress CSS with PHP

Compress CSS with PHP and Optimize Website Performance.

JQUERY LIGHTBOX

10 beautiful Jquery Lightbox Plugins