애니메이션 CSS3의 onclick을 이전과 회전 및 다음

Question

내가 관리해야

가 만드는 .prev를 클릭 할 때 내가 온 클릭은 다음 내용 클래스와 -90의 degress에 발사 될 때 90의 degress를 변환 할 필요가 원이 다음 코드는 Google 스스로 할 수있는 것을 기반으로합니다!

$('.next').on('click',function(e){ 

      $('.object').animate({textIndent: 90}, { 
      step: function(now,fx) { 
       $(this).css('-webkit-transform','rotate('+now+'deg)').css('-moz-transform','rotate('+now+'deg)').css('transform','rotate('+now+'deg)'); 
      }, 
      duration:2000 
      },'linear'); 

     }); 

     $('.prev').on('click',function(e){ 

      $('.object').animate({textIndent: 0}, { 
      step: function(now,fx) { 
       $(this).css('-webkit-transform','rotate('+now+'deg)').css('-moz-transform','rotate('+now+'deg)').css('transform','rotate('+now+'deg)'); 
      }, 
      duration:2000 
      },'linear'); 

     }); 

그리고 지금까지 단 한 번의 클릭으로 작동합니다! 하지만 .next를 두 번 클릭하고 .prev에서 네 번 클릭 할 때 360을 좋아한다면 180 회전해야합니다.

그러나 나는 그것이 내가 지금 당신에게 전문가 : 당신이 필요로하는

Answer 1

증분 회전을 전환하고 이유입니다, 작업을 진행하게 보일 수 없습니다.

나는이 주제에 당신에게 좋은 팁이 있다고 생각 :

45 degree rotation increment on click w/out using variable