Javascript旋转 - 如何逆时针旋转？

Question

我有两个形状，我做了旋转滚动。我能够顺时针旋转它们，但是我希望第二个形状逆时针旋转。

的jsfiddle：https://jsfiddle.net/7tLv05on/

这里是下面的代码我用来实现这一目标：

var sdegree = 0; 

$(window).scroll(function() { 

sdegree ++ ; 
sdegree = sdegree + 2 ; 

var srotate = "rotate(" + sdegree + "deg)"; 

$(".move1").css({"-moz-transform" : srotate, "-webkit-transform" : srotate}); 
$(".move2").css({"-moz-transform" : srotate, "-webkit-transform" : srotate}); 

}); 

谢谢你，我很欣赏的帮助！

Answer 1

只要做到这一点是这样的：

var sdegree = 0; 
    var sdegree2 = 0; 

    $(window).scroll(function() { 

    sdegree ++ ; 
    sdegree = sdegree + 2 ; 

    sdegree2 -- ; 
    sdegree2 = sdegree2 - 2 ; 

    var srotate = "rotate(" + sdegree + "deg)"; 
    var srotate2 = "rotate(" + sdegree2 + "deg)"; 

    $(".move1").css({"-moz-transform" : srotate, "-webkit-transform" : srotate}); 
    $(".move2").css({"-moz-transform" : srotate2, "-webkit-transform" : srotate2}); 

    }); 

Answer 2

var sdegree = 0; 

$(window).scroll(function() { 

    sdegree ++ ; 
    sdegree = sdegree + 2 ; 

    var srotate = "rotate(" + sdegree + "deg)"; 

    $(".move1").css({"-moz-transform" : srotate, "-webkit-transform" : srotate}); 

    //negative degree 
    var sdegree2 = -sdegree; 
    srotate = "rotate(" + sdegree2 + "deg)"; 
    $(".move2").css({"-moz-transform" : srotate, "-webkit-transform" : srotate}); 

}); 

fiddle

Answer 3

-1只需乘值，这就是它：

var sdegree = 0; 

$(window).scroll(function() { 

sdegree ++ ; 
sdegree = sdegree + 2 ; 

var cwRotate = "rotate(" + sdegree + "deg)", 
    ccwRotate = "rotate(" + (-1 * sdegree) + "deg)"; 

$(".move1").css({"-moz-transform" : cwRotate, "-webkit-transform" : cwRotate}); 
$(".move2").css({"-moz-transform" : ccwRotate, "-webkit-transform" : ccwRotate}); 

}); 

https://jsfiddle.net/7tLv05on/5/