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 专享技术内容哦。

FtooAtPSkEJwnW-9xkCLqSTRpBKX

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值