Set vendor specific css properties with jquery

The CSS value is rotate not rotation, the following jQuery works for me:

$(".rotate").css("-webkit-transform", "rotate(30deg)");

Tested on Safari 3.2.1 on Win

Uh! I can't believe how I did that mistake. Thank you. Is there a way we could animate the rotation?

sure, something like

$(function() {

  //function to do animation
  function rotate() {
    $(".rotate").animate({
      "-webkit-transform", "rotate(45deg)"
    }, "normal", function() {

      //recursively call the animate function for continuous anim
      rotate();
    });
  }

  //function to stop anim, call it when certain condition met
  function stop() {
    $(".rotate").stop();
  }

  //start anim for first time
  rotate();
});

This may need a little tweak but essentially it should provide a reasonably smooth, continuous animation. You could easily make it better by, e.g. passing into the rotate function the element to animate so that it could become a factory method for producing animations on any element, or you could pass in the speed of the animation etc