Change CSS rotation value with jQuery

Question

I have this element in my code:

<img id="pswheel" src="images/wheel.png" style="transform: rotate(315deg); transform-origin: 50% 50% 0px;">

Now I want to change the rotation value from 315 to 0 on a click event. How do I do that?

DaniP · Accepted Answer · 2014-01-13 20:19:26Z

1

Try this:

$('elementtoclick').click(function(){
   $('img').css('transform','rotate(0deg)');
})

answered Jan 13, 2014 at 20:19

DaniP

38.3k9 gold badges68 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

You are a star...Thanks a lott..Worked

One last question..How can I get the current rotation value in a variable for example I want to do this var val = 315;

I tried with the solution posted there but didn't work for me.