CSS 过渡效果

元素从一种样式逐渐改变另一种效果

transition属性

1、transition-poroperty属性

规定设置过渡效果的CSS属性的名称

transition-poroperty：property | all | none;

只指定过渡属性不可以，还需要设置过渡时间

2、transition-duration属性

规定完成过渡效果需要多少妙（s）或毫秒（ms）。

3、transition-timing-function属性

规定速度效果的速度曲线

        linear  匀速

        ease  慢速开始---加速----慢速结束

        ease-in 慢速开始

        ease-out  慢速开始

        ease-in-out 慢速开始-----慢速结束、

4、transition-delay属性

定义过渡效果从何开始，设置过渡的延迟时间。

5、简写

transition：transition-poroperty；transition-duration  transition-timing-function

transition-delay