CSS3 过渡transition

1.过渡属性 transition-property

指的是从初始状态到过渡状态下，需要进行改变的CSS属性，例如background-color，使用方式

div {
	width:20px;
	transition-property:width;
	/*其他过渡设置*/
}

2.过渡所需时间 transition-duration

使用方式

div {
	width:20px;
	transition-property:width;
	transition-duration:.2s; /*0.2s的时间内完成宽度的改变*/
	/*其他过渡设置*/
}

3.过渡函数 transition-timing-function

指在过渡过程中，属性改变的速度

div {
	width:20px;
	transition-property:width;
	transition-duration:.2s; /*0.2s的时间内完成宽度的改变*/
	transition-timing-function:ease;
	/*其他过渡设置*/
}

4.过渡延迟时间 transition-delay