Using text-indent with animate
Following a JQuery tutorial, the instructor uses this code to rotate a menu button
- $('#toggleMenu').animate({
- 'text-indent':1
- },{
- duration:1000,
- easing:'linear',
- step:function(now){
- $(this).css('transform', rortateZ(' + (now * 360) + 'deg)');
- }
- });
And then same code but with 'text-indent':0 to reverse the animation, the instructor said he is using 'text-indent' to be used with step function but I really dont understand, can you explain more the what is the role of 'text-indent' in this animation ?