mb.bgndGallery demo

This background gallery is applied to the body
and uses a custom transition with 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.

pause
play
gray scale