CSS3过渡

CSS3过渡

transition

1. transition-property : 规定设置过渡效果的CSS属性的名称。
   all(默认值)，指定值：width；height；

2. transition-duration : 规定完成过渡效果需要多少秒或毫秒。
   需要添加单位：s (秒) ms (毫秒) 1s == 1000ms

3. ransition-delay : 定义过渡效果何时开始。
   2s : 延迟两秒进行过渡
   -2s : 提前两秒进行过渡

4. transition-timing-function : 规定速度效果的速度曲线。
   运动形式：
   inear：匀速
   ease：（默认值）逐渐慢下来
   ease-in：加速
   ease-out：减速
   ease-in-out：先加速后减速

   复合写法：transition:all 2s linear; √
   transition:linear 2s all; √
   transition:2s linear all; √
   注意：当总时间与延迟时间同时存在的时候，有顺序；
   第一个是总时间，第二个是延迟时间。
   eg：transition:2s 3s linear all; √
   注意：不要把transition放到hover中