element.animate([ { opacity: 1 }, { opacity: 0 } ], 500);
通过指定 id 属性，系统会在返回的 Animation 对象上设置该属性，这在您有大量 Animation 对象需要处理时，有助于调试内容。以下示例展示了如何为您实例化的动画指定 id：
element.animate([{opacity: 1}, {opacity: 0}], {duration: 500, id: "foo"});
pause() 方法的状态变化
pause() 方法用于暂停正在进行的动画。如果您使用 playState 属性检查动画的状态，则应在调用 paused() 方法后将其设置为 paused。在 Chrome 50 之前的版本中，如果动画尚未开始，playState 属性会指示 idle；不过，现在它会反映正确的状态，即 paused。
移除了关键帧中作为键的带短划线的名称
为了进一步遵循规范和其他实现，如果关键帧动画中的键使用了带短划线的名称，Chrome 50 会向控制台发送警告。正确的字符串是根据 CSS 属性到 IDL 属性转换算法使用驼峰式命名法。
例如，CSS 属性 margin-left 要求您传入 marginLeft 作为键。
Chrome 51 完全移除了对带短划线名称的支持，因此现在是时候根据规范更正所有现有内容的名称了。
这些更改使 Chrome 对 Web 动画的实现更接近其他浏览器的实现，并且更符合规范，这有助于简化网页内容创作，从而实现更好的互操作性。
  
如未另行说明，那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可，并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情，请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
  
最后更新时间 (UTC)：2016-03-14。
      [[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC)：2016-03-14。"],[],[]]