SO animate CSS3 transform

by mmansion

HTML

<div id="box"></div>

CSS

#box {
   width:100px;
   height:100px;
   position:absolute;
   top:100px;
   left:100px; 
   text-indent: 90px;
   background-color:red;
}

JavaScript

$('#box').animate({  textIndent: 10 }, {
    step: function(now,fx) {
      $(this).css('-webkit-transform','rotate('+now+'deg)'); 
    },
    duration:'slow'
},'linear');