使用css3改变元素宽高且有过渡

使用css3改变元素宽高且有过渡(IE9和以下不支持)(要写两个兼容-moz-和-webkit-)
1.按正常的将元素HTML和css写好
.wall-top{width:1048px; height:144px; position:absolute ;top:0; right:56px; background:#222; z-index:10}
2.在css里再给这个元素加css的transition转变属性,第一属性是变换的属性,第二是变换用时,第三是匀速,第四是延迟
.wall-top{transition: width 1.5s linear; }
3.在上面的css的下方再给这个元素加css,可以用hover,可以另起一个类然后用js去addClass这个类,要变换的属性和变换成什么
.wall-top:hover{width:100px;}或
.onTop{width:100px;}