jQuery Rotate

JavaScript
1

Hello Wise JS People

I am very new to jQuery & JavaScript and I would greatly appreciate some help. Basically I have an <li> element with id { #about } and I want it slightly rotate as a user triggers a mouseover event.

Here’s my code:

$(document).ready(function(){
   $("#about").mouseover(function(event){
		// rotate slightly
   });
 });

The problem is I do not know how to make it rotate. I looked on the jQuery site, and there wasn’t a rotate function.

I would greatly appreciate any help.

Thank You.

2

CSS3 is how you perform the rotation, using moz-transform and webkit-transform

A patch to jQuery allows you to use .animate() to perform an animated rotation too.
jQuery Patch: Animate CSS Rotation and Scale

3

Thanks Paul. I’ve decided to go with the CSS3 method. It seems easier.

Thank You ever so much.