A simple Pure CSS Image Gallery lightbox | CSSBox

Pure-CSS-Image-Gallery-lightbox

Simple CSS Lightbox is a responsive image gallery lightbox the place the user is ready to navigate between full-sized photos in a fullscreen lightbox popup.

Upload cssbox.css to your server and add a style sheet link to it in your CSS.

Why CSSBox?

  • There is no javascript at all and just over 1 KB unspecified.
  • There is a smaller version without gallery functions in the v1 branch.
  • Center the image adds a nice, realistic shadow to the image, background dimming.
  • It allows you to move through the pictures.
  • Fully responsive works on any screen size and it have animations that fade and fade out.

How to make use of it:

To get started, simply include the CSSBox.css in your HTML web page.

<link href="cssbox.css" rel="stylesheet">

And then insert thumbnails and full photos into the webpage as follows.

<div class="cssbox">
  // Add Image Here
</div>

<div class="cssbox">
  // Add Image Here
</div>

<div class="cssbox">
  // Add Image Here
</div>

CSSBox Github, HTML CSS Image Gallery


See Demo And Download

Official Website(TheLastProject): Click Here

This superior jQuery/javascript plugin is developed by TheLastProject. For extra Advanced usage, please go to the official website.

Share