CSS3过渡

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;
}