The CSS3 Lightbox is a jQuery plugin you need to use to show your photos. The CSS3 transitions is pushed by Animate.css, it’s {hardware} accelerated within the fashionable browser. And It’s cellular pleasant, which works in your contact machine like iPhone & iPad.
Options:
- CSS3 transitions pushed animation.
- 24 easeIn and 23 easeOut animation kind.
- Keyboard shortcut assist.
- It’s light-weight.
- Cellular pleasant, works within the contact machine like iOS.
- Sleek degradation, it’s going to works on the browser which doesn’t assist CSS3 transitions. We use Modernizr right here.
- Optionally available arrow and shut button.
- FAQ & uncompressed js file are embrace within the supply bundle.
Plugin parameters
Out there easeIn and easeOut kind
‘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 solely.
Credit score
Most the images are from photos8.com.
Animate.css is from Dan Eden.
Suggestions For You
jQuery OneByOne Slider Plugin:
Source
