CSS animations are relatively straightforward to write and highly performant, but they are also declarative: designers must say exactly what they want to happen, and movement happens the same way every time. Traditional JavaScript animation code is significantly more challenging to write, but has the benefit of integrating chance, variability, randomness, and a far stronger support for interactivity.
CSS动画相对容易编写且性能很高,但是它们也具有声明性:设计人员必须准确地说出他们想发生的事情,并且每次移动都以相同的方式发生。 传统的JavaScript动画代码编写起来更具挑战性,但是具有集成机会,可变性, 随机性以及对交互性的强大支持的优势。
The Web Animations API seeks to be the bridge between CSS and JavaScript animation, merging the familiar syntax and performance of CSS with the power of JavaScript. As a new specification, the Web Animations API’s browser support is still progressing; as a result this reading list concentrates on demos, examples, and tutorials, rather than an exhaustive approach to syntax.
Web动画API寻求成为CSS和JavaScript动画之间的桥梁,将CSS的熟悉语法和性能与JavaScript的功能相结合。 作为一项新规范,Web Animations API的浏览器支持仍在不断发展。 因此,本阅读清单着重于演示,示例和教程,而不是详尽的语法方法。
Time: 90 minutes
时间 :90分钟
Prerequisites: CSS Animation, a general knowledge of HTML, CSS and JavaScript
先决条件 : CSS动画 , HTML , CSS和JavaScript的一般知识
更多资源 (Further Resources)
Rachel Nabors was an early evangelist for the Web Animations API, and has several canonical articles on the specification at the Mozilla Developer Network:
Rachel Nabors是Web Animations API的早期传播者,并且在Mozilla开发人员网络上有几本规范的规范文章:
翻译自: https://thenewcode.com/1182/Web-Developer-Reading-List-The-Web-Animations-API