FLIP动画
FLIP 代表 First、Last、Invert、Play，即首帧、尾帧、反转、播放。FLIP 动画是一种高性能的动画实现方式，它的原理是在动画开始前记录首帧和尾帧的元素位置，在下一帧渲染之前添加动画，也就是说再我们改变元素的属性后与浏览器实际渲染前有一个空档期,在 空档期我们可以拿到变化后的元素信息。
- 首帧：动画开始前的元素位置
- 尾帧：动画结束后的元素位置
- 反转：移动元素到首帧位置(利用 transform)
FLIP 代表 First、Last、Invert、Play，即首帧、尾帧、反转、播放。FLIP 动画是一种高性能的动画实现方式，它的原理是在动画开始前记录首帧和尾帧的元素位置，在下一帧渲染之前添加动画，也就是说再我们改变元素的属性后与浏览器实际渲染前有一个空档期,在 空档期我们可以拿到变化后的元素信息。