css样式----过渡（transition）

                过渡（transition）

                    通过过渡可以指定元素属性发生变化时的切换方式

                    通过过渡可以创建一些更好的效果，提升用户体验

                    transition-property: 

                        指定要执行过渡效果的属性，多个属性之间用“,”隔开，如果所有属性都需要过渡，则可以直接使用all

                        大部分属性都支持过渡。注意！！过渡需要从一个有效值到另一个有效值进行过渡

                    transition-duration: 

                        指定过渡效果的持续时间，时间单位为秒和毫秒  1s = 1000ms

                            可以给不同属性分别指定时间，用,隔开，并和属性对应

                    transition-timing-function: 

                        过渡的时序函数，指定过渡的执行方式

                            可选值：

                                ease 默认值，先加速，再减速

                                linear 匀速运动

                                ease-in 加速运动

                                ease-out 减速运动

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

                                cubic-bezier() 来指定时序函数

                                    具体值参看http://cubic-bezier.com

                                steps() 分步执行过渡效果

                                    第一个值为分的步骤

                                    可以设置第二个值

                                        end 在时间结束时执行过渡（默认值）

                                        start 在时间开始时执行过渡

                    transition-delay: 

                        过渡效果的延迟，等待一段时间后执行过渡

                     transiton   可以同时设置过渡相关的所有属性，只有一个要求，如果要写延迟，则两个时间中第一个是持续时间，第二个是延迟时间