Question

我有一个div。它以-35度旋转（在CSS文件中设置），我想点击它将其旋转回0度

这是我的代码JS文件

$("div#words").on("click",function(e){
$(this).animate({
        "height":"200",
        "border-radius":"200"
        },{duration:500,step:function(now,fx){
            $(this).css("-ms-transform","rotate("+now+"deg)");
            $(this).css("-webkit-transform","rotate("+now+"deg)");
            $(this).css("transform","rotate("+now+"deg)");

            }},function(e){
                });
});

现在它旋转大约180度，我怎样才能将它设定到一定程度？

Answer 1

此问题始终得到解答
Jquery rotate a div

<强> JS：

$("div#words").on("click",function(e){
$(this).animate({
        "height":"200",
        "border-radius":"200"
        },{duration:500,step:function(now,fx){
            $(this).addClass('box_rotate');
            }},function(e){
                });
});

<强> CSS：

.box_rotate {
  -webkit-transform: rotate(7.5deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(7.5deg);  /* Firefox 3.5-15 */
      -ms-transform: rotate(7.5deg);  /* IE 9 */
        -o-transform: rotate(7.5deg);  /* Opera 10.50-12.00 */
         transform: rotate(7.5deg);  /* Firefox 16+, IE 10+, Opera 12.50+ */
}

添加一个类并定义该类。这是一种简单易行的方法。

使用步骤函数在Jquery中使用一定程度的动画旋转

1 个答案: