CSS3 transition 属性 translate3d rotate

<span style="font-size:24px;">transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */</span>

必须加上            div:hover
                           {
                           width:300px;
                           }                                                  申明哪一个控件的transition

1. -webkit-transform:translate3d(0,-2px,0);

rotate(angle)

定义 2D 旋转，在参数中规定角度。

1. 
   

#MyDIV
{
transform:rotate(90deg);
}     即旋转角度

1. -webkit-transform:translate3d(0,-2px,0);

scale(x,y)

定义 2D 缩放转换。

#MyDIV
{
transform:scale(1.5,1.5);
}