}
.transitions:hover{
background:#f00;}
.test2{
background:#000;
color:#f00;
width:500px;
height:50px;
line-height:50px;
-webkit-transition-property:background-color;
-webkit-transition-duration:4s,1s; //使用最后一个值
-webkit-transition-timing-function:linear;

-moz-transition-property:background-color;
-moz-transition-duration:4s,1s;//使用第一个值
-moz-transition-timing-function:linear;

-o-transition-propery:background-color;
-o-transition-duration:5s,1s;//使用第一个值
-o-transition-timing-function:linear;

}
.test2:hover{
background-color:#fff;
}
.test3{
color:#f00;
background-color:#00F;
width:500px;
height:50px;
-o-transition:background-color 2s linear,color 2s linear,width 2s linear,height 2s linear;
-webkit-transition:background-color 2s linear,color 2s linear, width 2s linear,height 2s linear;
-moz-transition:background-color 2s linear, color 2s linear,width 2s linear,height 2s linear;
}
.test3:hover{
width:200px;
height:200px;
color:#000;
background-color:#f00;}
.test4{
padding:5px;
line-height:24px;
color:#f00;
background-color:#00F;
width:100%;
background-image:url(../huaban/img/default_pin_bg.gif);
-o-transition:background-color 2s linear,color 2s linear,width 2s linear,height 2s linear,background-image 2s linear;
-webkit-transition:background-color 2s linear,color 2s linear, width 2s linear,height 2s linear,background-image 2s linear;
-moz-transition: background-color 2s linear,color 2s linear,width 2s linear,height 2s linear,background-image 2s linear;
}
.test4:hover{
width:400px;
color:#000;
background-color:#f00;
background-image:url(../huaban/img/login_or.png)}