CSS3 过渡之transition

  通过 CSS3，我们可以在不使用 Flash 动画或 JavaScript
的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。

CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。
   要实现这一点，必须规定两项内容：
1.规定您希望把效果添加到哪个 CSS 属性上
2.规定效果的时长

<style> 
div
{
	width:100px;
	height:100px;
	background:yellow;
	transition:width 2s;
	-moz-transition:width 2s; /* Firefox 4 */
	-webkit-transition:width 2s; /* Safari and Chrome */
	-o-transition:width 2s; /* Opera */
}

div:hover
{
	width:300px;
}
</style>