CSS3 Transformation while scrolling

Question

Does anyone know of a good tutorial to achieve this? (as seen here: http://www.contrastrebellion.com/) I\'ve looked at the code used on that site and finding it awkward to pull

Answer 1

This should get you going in the right direction : http://www.ianlunn.co.uk/blog/code-tutorials/recreate-nikebetterworld-parallax/ .

Here you go :

For animating the rotation on scroll .

http://jsfiddle.net/EnSkJ/2/

Code :

var sdegree = 0;

$(window).scroll(function() {

    sdegree ++ ;
    sdegree = sdegree + 3 ;
    var srotate = "rotate(" + sdegree + "deg)";
    $("img").css({"-moz-transform" : srotate, "-webkit-transform" : srotate});
});