CSS3 transition 鼠标悬停在一个元素上逐步改变宽度

<style> 
div
{
	width:200px;
	height:200px;
	background:green;
	transition:width 2s;
	-webkit-transition:width 2s;
}

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

<p><b>注意：</b>该实例无法在 Internet Explorer 9 及更早 IE 版本上工作。</p>

例子：↑↑↑鼠标悬停在一个 div 元素上，逐步改变表格的宽度从 200px 到 500px：

JavaScript 语法：object.style.transition="width 2s"

浏览器支持： -webkit- ， -ms- ， -moz-