参考w3c的例子，自己尝试改改上面的属性和属性值html代码如下：<div>123456</div>css代码如下：div{width: 200px;background-color: yellow;
参考w3c的例子，自己尝试改改上面的属性和属性值html代码如下：
<div>123456</div>css代码如下：
div{ width: 200px; background-color: yellow; height: 200px; text-align: center; line-height: 200px; opacity: 1; font-size: 1em; transition: all 2s; -moz-transition: all 2s; /* Firefox 4 */ -webkit-transition: all 2s; /* Safari 和 Chrome */ -o-transition: width 2s; /* Opera */ } div:hover{ width: 300px; background-color: blue; height: 400px; font-size: 2em; opacity: 0.5; }除了颜色和宽高属性外，还有很多可以动画属性，请参考http://www.css88.com/book/css/properties/transition/transition-property.htm
