过渡属性transition详解

一般transition属性设置在默认状态中。
☞ 过渡属于一种特殊的动画
☞ 通过一种状态向另外一种状态的改变
transition-property属性：
用于指定过渡效果的CSS属性的名称，其过渡效果通常在用户将鼠标移动到元素上时发生
transition:none|(没有属性会获得过渡效果)
           all|(所有属性获得过渡效果)
           property(过渡效果CSS属性的名称，多个名称之间用逗号隔开)

transition-duration属性：
定义完成过渡效果所需时间，默认为0，单位有s|ms
transition-duration:时间

transition-timing-function属性：
定义过渡效果中速度的变化
transition-timing-function:linear|(匀速)
                           ease|(慢-快-慢)
                           ease-in|(慢-快)
                           ease-out|(快-慢)
                           ease-in