mb.bgndGallery demo

This background gallery is applied to the body
and uses one of the default built in effect: "blur".
You can create a custom transition as for example using the CSS3 transform: scale() property:

effect:{enter:{transform:"scale("+(1+ Math.random()*2)+")",opacity:0},exit:{transform:"scale("+(Math.random()*2)+")",opacity:0}}


As you can see, resizing the browser window the image will resize and center to always fit the screen.
You can use the left/right arrow and the space bar (pause/play) keys to navigate the gallery.

effect slideLeft effect blur effect zoomBlur

All the Photos are right reserved.
© 2013 - ∞ Matteo Bicocchi