可以点击查看 在线演示，以及 完整代码。 首先，需要了解 CSS3 的 transform ，用 transform 进行元素的变换，这是实现的关键。 实际上，上面的写法可以算作 CSS 提供的语法糖。了解计算机图形学的同学可能知道，计算机完成图像变换实际上使用的实现是矩阵。 …

首先，因为动画是多段完成的，所以我们通过参数 content 传入的是一个二维数组，其中每个 item 存放着我们想要加载的内容和对应要求，如何让动画一段一段的完成呢？很自然的能想到 Promise 方法，通过 Promise.then() 来实现。 所以我们可以将这个需求抽象…

一个跨浏览器的动效基础库，是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效，一应俱全。 文件大小：55.2 kB. 和其他的同类工具不同的地方在于，它不仅仅是一个库，而是有这用户可以直接操作的实际功能，它带有一个完整的网页构建器。Bounce.js 是为数不多的可以直…