CSS过渡效果

过渡定义：

过渡用于指定一个或多个属性发生变化时的切换方式，可以提高用户属性，transition

具体属性：

• transition-property:指定要执行过渡的属性，用，隔开，可以使用all表示所有属性，大部分属性，高度，宽度，颜色等都支持过渡，但是属性的值必须是有效值，不能说auto或者不明确指定。

• transition-duration: ;指定过渡的持续时间，如果不指定，效果无法显示

• transition-timing-function: ;指定的过渡时序函数，

                1.常见值：

默认值，先加速，在减速	ease
匀速	linear
加速	ease-in
减速	ease-out
先加速，在减速，没有默认值均匀	ease-in-out

                2.cubic-bezier（）函数来指定：https://cubic-bezier.com/

                3.steps()分步执行，第一个值分几步，第二个值end,start指定每步开始时执行还是结束时执行

• transition-delay: ;指定延时时间，延时多少秒执行

拓展：上面所有属性可以用transition代替，将属性值依次写上，指定属性和时间必须要，延时时间必须在持续时间之后。