zooming background images with CSS3


I have tried to make gentle zooming backgrounds like on this site http://iworks.ozythemes.com but with css3. I have tried transforming with scale on the body but then everything scales, which I don't want.

Any clues?

Problem courtesy of: Robin Cox


How about the background-size CSS3 property?

You can change the value of it with javascript.

Solution courtesy of: Rob


Unfortunately currently have no method to zooming a background image using css,maybe you can try background-size:cover; to fit the background image.

Discussion courtesy of: jk jk

This recipe can be found in it's original form on Stack Over Flow.