javascript - jQuery 动画函数不适用于显示和 -webkit-transform 属性

Question

以下代码适用于除 display 和 -webkit-transform 属性之外的所有属性。

// Example 1 :

$(this).animate({
               "color":"#efbe5c",
               "display":"block"
},1000);


 // Example 2 :

$(this).animate({
              "-webkit-transform":"rotate(30deg)"
},1000);

Answer 1

您应该为元素的不透明度属性设置动画，而不是它的显示类型。

首先将其 CSS 设置为 display:block 和 opacity:0 以使其不可见，然后将其不透明度属性设置为 opacity:1 >.

$(this).css({"display":"block","opacity":0})animate({"opacity":"1"},1000);

如果没有外部 jQuery 插件，颜色也无法动画化。