rotate a div using jquery and css2

Question

i have a div i want to rotate it on mouseenter event,

I want the rotation to be animated not one move - like :hover - , with jQuery of course any ideas to make it??

http://stackoverflow.com/questions/382591/rotating-a-div-element-in-jquery — gaynorvader, Mar 26 '13 at 14:20
I found a lot of examples that could help you with jQuery rotation : [https://code.google.com/p/jqueryrotate/wiki/Examples](https://code.google.com/p/jqueryrotate/wiki/Examples) — Djouuuuh, Mar 26 '13 at 14:24

score 1 · Accepted Answer · edited May 23 '17 at 12:21

1

you will find many examples if you hollow your search. For example, from here I found this:

$(function() {
    var $elie = $(selectorForElementsToRotate);
    rotate(0);
    function rotate(degree) {

          // For webkit browsers: e.g. Chrome
        $elie.css({ WebkitTransform: 'rotate(' + degree + 'deg)'});
          // For Mozilla browser: e.g. Firefox
        $elie.css({ '-moz-transform': 'rotate(' + degree + 'deg)'});

          // Animate rotation with a recursive call
        setTimeout(function() { rotate(++degree); },5);
    }
});

edited May 23 '17 at 12:21

Community

1
1

answered Mar 26 '13 at 14:31

Francois Borgies

2,378
31
38

1

Another copy of code from another answer, here: http://stackoverflow.com/a/3792085/237838 – Andrew Barber Apr 22 '13 at 13:51

rotate a div using jquery and css2

1 Answers1