javascript - 转换不适用于 jQuery .animate()

Question

我注意到，每当我尝试在 css 部分中使用带有 jQ​​uery 动画的转换时，它都不会关闭。这是唯一不适合我的属性(property)。

我正在尝试使用:

$(myElement).animate({
    opacity: 1, 
    transform: "scale(1.5)"
}, 7000);

但是上面的代码只传递了不透明度动画，忽略了变换。

Answer 1

一种解决方案是为动画使用 css，并使用 jquery 添加执行动画的类。

$(myElement).addClass("animate");

.animate {
  transition: all 7s;
  transform: scale(1.5);
}