1.transition功能
transition属性的使用方法：transition:property duration timing-function;
其中property表示对哪个属性进行平滑过渡，duration表示多长时间完成属性值的平滑过渡，timing-function表示通过什么方法来进行平滑过渡。
多平滑过渡示例：
1 2 3 4 5 6 7测试 8 9 10 11 29 30
2.animation功能
使用示例：
A+响应式布局后台模板
下载
A+是一个完全响应式，基于Bootstrap3.3.7最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术，她提供了诸多的强大的可以重新组合的UI组件，并集成了最新的jQuery版本(v2.1.1)，当然，也集成了很多功能强大，用途广泛的jQuery插件，她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA等等，当然，您也可以对
1 2 3 4 5 6 7测试 8 9 10 11 35 36
实现动画的方法：
立即学习“前端免费学习笔记（深入）”；
| 方法 | 属性值的变化速度 |
| linear | 在动画开始时与结束时以同样的速度进行变化 |
| ease-in | 动画开始时速度很慢，然后速度沿曲线值进行加快 |
| ease-out | 动画开始时速度很快，然后速度沿曲线值进行放慢 |
| ease | 动画开始时速度很慢，然后速度沿曲线值进行加快，然后再沿曲线值进行放慢 |
| ease-in-out | 动画开始时速度很慢，然后速度沿曲线值进行加快，然后再沿曲线值进行放慢 |
