CSS3过渡是元素从一种样式逐渐改变为另一种样式的效果

transition-timing-function

<div id="con">鼠标移入查看</div>
#con{
		width:100px;
		height:100px;
		background-color: red;
		transition: background 3s ease-in;
	}
#con:hover{
		background-color: yellow;
	}

transition-property
过渡多个样式的时候使用all

<div id="conn">鼠标移入查看</div>
#conn{
		width:100px;
		height:100px;
		background-color: red;
		transition: all 5s; 
	}
#conn:hover{
		background-color: yellow;
		width:200px;
		height:200px;
	}

长风破浪会有时，直挂云帆济沧海。