Question

如何运用CSS3把元素从一种样式变换为另一种样式

Answer 1

<div class="box1"></div>
<style type="text/css">
    body{margin:0;padding:0}
    .box1{height:300px;width:300px;background:#3695d5;}
    .box1{/*过渡效果*/
    transition: width 2s;
    -moz-transition: width 2s;	/* Firefox 4 */
    -webkit-transition: width 2s;	/* Safari 和 Chrome */
    -o-transition: width 2s;	/* Opera */
    }
    .box1:hover{background:#dcdcdc;height:400px;width:400px}/*使用伪类hover，鼠标悬浮选取元素，改变样式*/
</style>

Answer 2

样式覆盖不就行了