在动画

Question

在JQuery教程之后，教师使用此代码来旋转菜单按钮

$('#toggleMenu').animate({
    'text-indent':1
},{
    duration:1000,
    easing:'linear',
    step:function(now){
        $(this).css('transform', rortateZ(' + (now * 360) + 'deg)');    
    }
});

然后使用相同的代码，但使用＆＃39; text-indent＆＃39;：0来反转动画，教师说他正在使用＆＃39; text-indent＆＃39;与步进功能一起使用，但我真的不明白，你能解释一下＆text;缩进＆＃39; text-indent＆＃39;在这个动画中？

Answer 1

步骤回调为动画中的每个步骤提供回调。通过设置从0到1的值的动画，可以使用相应的当前值（0到1）调用回调，然后可以直接应用该值来计算旋转度。可以选择任何属性而不是text-indent，但是你想使用对元素外观没有（或影响很小）影响的属性，因为它的唯一目的是为其他一些效果提供适当的值。