滚动时的 CSS3 变换

2024-03-22

有谁知道一个好的教程可以实现这一目标? (如下所示:http://www.contrastrebellion.com/ http://www.contrastrebellion.com/) 我查看了该网站上使用的代码,发现提取我需要的内容很困难。

非常感激, 谢谢

编辑:也可以在这里看到:http://playgroundinc.com/ http://playgroundinc.com/

我想要实现的目标:

当我向下滚动时旋转 png 并旋转速度以匹配滚动速度。


这应该会让你朝着正确的方向前进:http://www.ianlunn.co.uk/blog/code-tutorials/recreate-nikebetterworld-parallax/ http://www.ianlunn.co.uk/blog/code-tutorials/recreate-nikebetterworld-parallax/ .

干得好 :

用于在滚动上设置旋转动画。

http://jsfiddle.net/EnSkJ/2/ 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});
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

滚动时的 CSS3 变换 的相关文章

随机推荐