过渡属性: transition

   1.设置需要过渡的css属性

        transition-property：  

        ①css属性，css属性； (可以写多个，用逗号隔开)

        ②all； 设置所有属性

   2.设置过渡所需时长

        transition-duration: 数字s; (设置过渡秒数)

    3.设置速度方式

        transition-timing-function:

        ①ease减速

        ②linear匀速

        ③ease-in加速

        ④ease-out减速

        ⑤ease-in-out先加速后减速

        ⑥贝塞尔曲线（贝塞尔曲线网址：http://web.chacuo.net/css3beziertool）

        例如：transition: all 0.5s cubic-bezier(0.925, 1.575, 0.120, -0.600);

        ⑦步骤

        例如：transition: all 0.5s steps(5);

    4.设置延迟时间 

        transition-delay: 数字s; (设置延迟秒数)

   5.简写 

        transition: css属性(或all)  过渡时长 速度方式 延迟时间      [一般写css属性和过渡时长就可以了]

        例如：transition:  all   5s   linear   3s;

   6.注意：

                ①如果需要鼠标移入移出都有过渡效果，就把过渡加在需要过渡的元素上

                ②如果只需要鼠标移入有过渡效果，就把过渡加在hover上面

                ③display没有过渡效果