Thursday, June 2, 2016

JQuery Animation - Rotate your html control

Until the next fullcalendar article comes, here is a nice thing that you can try. Rotating html element is easy with jquery. Of course we use this for the fullcalendar. But lets see how it goes below.

 $(this).animate({ borderSpacing: 360 }, {  
         step: function (now, fx) {  
           $(this).css('-webkit-transform', 'rotate(' + now + 'deg)');  
           $(this).css('-moz-transform', 'rotate(' + now + 'deg)');  
           $(this).css('transform', 'rotate(' + now + 'deg)');  
         },  
         duration: 'slow'  
       }, 'linear');  

try it and lets see how we apply it for the fullcalendar in coming articles.

Happy coding...


No comments:

Post a Comment