Javascript JS设置两个属性的动画（！JQ）

如何在纯JavaScript无JQuery中设置两个属性的动画？ 这不起作用，只有BG颜色设置动画：

element.animate([
  {transform: 'scale(1.6)', backgroundColor: '#FF0000'},
  {transform: 'scale(1)', backgroundColor: '#FFFFFF'}
], {
  duration: 1000,
  steps: 5,
  webkitAnimationTimingFunction: 'ease-out',\
});

---

只需一个比例或bg颜色即可正常工作

您正在尝试设置相同css属性backgroundColor的动画

正确的代码应该是：

element.animate([
  {cssProperty: value0},
  {cssProperty: value1},
  {cssProperty: value2},
  //...
], {
    duration: timeInMs,
    iterations: iterationCount,
    delay: delayValue
});

但不是相同的属性

---

From:

在Chrome 44上，如果我删除了打字错误，请在“ease out”后加上反斜杠，。缩放和背景都会设置动画。已删除标记，因为问题不特定于扩展。替换为.@T.J.Crowder你是对的…它可以工作。但不总是…我用于测试…并且仅适用于一个属性链接，即缩放或着色bg，但不能同时使用两者。我在其他页面上测试了它。并非所有元素都同时获得动画。@Xan我应该删除问题吗？@WolfWar如果你能找到一个可复制的案例，这是一个很好的问题。