jQuery CSS3 Lightbox Gallery Plugin

jQuery CSS3 Lightbox Gallery Plugin

The CSS3 Lightbox is a jQuery plugin you can use to display your images. The CSS3 transitions is driven by Animate.css, it is hardware accelerated in the modern browser. And It’s mobile friendly, which works in your touch device like iPhone & iPad.


  • CSS3 transitions driven animation.
  • 24 easeIn and 23 easeOut animation type.
  • Keyboard shortcut support.
  • It’s lightweight.
  • Mobile friendly, works in the touch device like iOS.
  • Graceful degradation, it will works on the browser which doesn’t support CSS3 transitions. We use Modernizr here.
  • Optional arrow and close button.
  • FAQ & uncompressed js file are include in the source package.

Plugin parameters

Available easeIn and easeOut type

‘flipInX’, ‘flipInY’, ‘pulse’, ‘rollIn’, ‘fadeIn’, ‘fadeInUp’, ‘fadeInDown’, ‘fadeInLeft’, ‘fadeInRight’, ‘fadeInRight’, ‘fadeInUpBig’, ‘fadeInDownBig’, ‘fadeInLeftBig’, ‘fadeInRightBig’, ‘bounceIn’, ‘bounceInDown’, ‘bounceInUp’, ‘bounceInLeft’, ‘bounceInRight’, ‘rotateIn’, ‘rotateInDownLeft’, ‘rotateInDownRight’, ‘rotateInUpLeft’, ‘rotateInUpRight’
‘flipOutX’, ‘flipOutY’, ‘pulseOut’, ‘rollOut’, ‘fadeOut’, ‘fadeOutUp’, ‘fadeOutDown’, ‘fadeOutLeft’, ‘fadeOutRight’, ‘fadeOutUpBig’, ‘fadeOutDownBig’, ‘fadeOutLeftBig’, ‘fadeOutRightBig’, ‘bounceOut’, ‘bounceOutDown’, ‘bounceOutUp’, ‘bounceOutLeft’, ‘bounceOutRight’, ‘rotateOut’, ‘rotateOutDownLeft’, ‘rotateOutDownRight’, ‘rotateOutUpLeft’, ‘rotateOutUpRight’
The flip transition works in Webkit & IE10 only.


Most the pictures are from photos8.com.
Animate.css is from Dan Eden.

Recommendations For You

jQuery OneByOne Slider Plugin:

More items by sike

VC Add-on - Image Accordion & Profile Panel Visual Composer Add-on - Image Overlay & Flip Box VC Add-on Fullscreen Intro & Page Transition Visual Composer Add-on - Draggable Timeline Visual Composer Add-on - Zoom or Magnify Visual Composer Add-on - Carousel & Gallery Visual Composer Add-on Image Hotspot with Tooltip