过渡

让css的值，在一段时间内平缓的变化

1、指定参与过渡的属性

transition-property
取值：
1.all 所有支持过渡的属性都参与
2.单独写某个css属性，多个属性间用空格分开
支持过渡的属性：
1.颜色
2.大多数取值为具体数字的属性
3.阴影
4.转换
5.visibility

2、指定过渡时长

transition-duration: s/ms 秒/毫秒
指定多长时间完成此次操作

3、过渡时间曲线函数

transition-timing-function:
取值：
1.ease 默认值 慢速开始，中间变快，慢速结束
2.linear匀速
3.ease-in 慢慢开始，一直加速
4.ease-out 快速开始，一直减速
5.ease-in-out 慢速开始，慢速结束，中间先加速后减速

4、延迟执行

transition-delay:s/ms

5、过渡代码编写的位置

写在原来的选择器中，过渡效果，有去有回
写在hover中，过渡效果有去无回

6、过渡的简写方式

transition:property duration timing-function delay
最简方式: transition：duration；