Pure CSS3 Content LightBox with Responsive Design

This is a simple content lightbox that uses only features of CSS3 and works without JavaScript which makes it faster than the ones which use JavaScript. It has responsive design which means it works really well on mobile devices, such as smartphones and tables. It uses 4 types of animation effects (move, fade, zoom, rotate) by combining them we get 16 different possible outcomes. This content lightbox can be easily customized and implemented; additionally it has an instruction on how to use it.


  • 4 types of animation effects
  • 16 examples
  • Responsive design
  • CSS3 animations
  • Easy to use and customize
  • Cross-browser support (modern browsers)
  • No Javascript, only HTML and CSS
  • Valid HTML/CSS markup
  • Documentation for user help
  • Majority of effects work even in IE9
  • Switching between lightboxes

Browser support

IE9 does not support rotate and zoom effects.

If you like it, don't forget to rate it!

Video Preview:

Appreciated on October 28th, 2014

More items by swebdeveloper

by in