本文主要是介绍Web API 之 — Web Animations，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
现代的前端，在页面上做动画，已经是家常便饭。浏览器的渲染性能也越来越好，并且还逐渐提供了一系列的 Web Animations API。此 API 让开发者可以使用 js 来创建动画，相比之前使用 css 做动画会方便很多，同时相比以前传统的用 js 做的动画会更加高效，并且相信未来此 API 的能力会越来越大。
Web Animations 可查看 w3c 的规范文档。在 caniuse 上，可查看浏览器的支持情况，如下：
可看到，目前主流浏览器均已支持此 API 的基本功能。下面我们就来学习一下此 API 的基本用法。
创建动画
创建动画，使用 animate()方法。语法如下：
var animation = element.animate(keyframes, options);
该方法接收两个参数。
第一个参数是 keyframes，keyframes 可以是一个 keyframe 对象组成的数组，也可以是一个 css 属性组成的对象，每个属性对应的值是 cs
这篇关于Web API 之 — Web Animations的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
