可以为一个元素在不同状态之间切换的时候定义不同的过渡效果。
有以下属性：
-
transition-property（默认all） 需要触发过渡效果的样式属性，如：width、transform等，还有none、all
-
transition-duration（默认0） 过渡效果持续的时间
-
transition-timing-function（默认ease） 过渡效果的类型
- linear: 匀速
- ease: 慢 -- 快 -- 慢
- ease-in: 以慢开始
- ease-out: 以慢结束
- ease-in-out: 以慢速开始和结束
- cubic-bezier(n,n,n)：在cubic-bezier函数中定义自己的值,可能的值是0至1之间的数值
- transition-delay（默认0） 过渡延迟开始的时间
问题：
-
ease和ease-in-out的区别： ease：开始很慢，但是很快就加速到一个比较大的速度，时间过半就开始缓慢减速，直到最后减速为0；
ease-in-out：开始慢，但是匀加速到一个速度大概时间到1/3的时候就保持这个速度直到最后1/3时间再均匀减速。 -
多个样式改变，用“,”分隔
transition: width 2s, height 2s
