CSS 原生动画以及和 Vue 的结合使用

我是由 iOS 开发转向前端开发的，转型过程中 CSS 学习和使用是一大难点，而 CSS 动画作为 CSS 的高级知识点之一更是一座大山。Vue 的 <transition> 内置组件做了很完善的封装，让过渡和动画的使用变得更加方便。本场 Chat 会先介绍原生 CSS 过渡和动画基础，然后从 Vue <transition> 源码的角度分析 Vue 是怎么管理动画状态的。为读者以后能够更加容易的写出复杂动画打下坚实基础。

本场 Chat 大致包括以下内容：

1. CSS Transition；
2. CSS Animation；
3. 贝塞尔曲线以及 CSS 的三阶贝塞尔时间函数（Cubic-Bezier）的理解；
4. Vue <transition> 源码分析；
5. 一个实例：在 Vue 中实现加入购物车的抛物线动画。

阅读全文: http://gitbook.cn/gitchat/activity/5c32b53e43ed9d419b784078

您还可以下载 CSDN 旗下精品原创内容社区 GitChat App ，阅读更多 GitChat 专享技术内容哦。