CSS3 transition 属性 translate3d rotate

transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */


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





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




rotate(angle) 定义 2D 旋转,在参数中规定角度。


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





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







scale(x,y) 定义 2D 缩放转换。
#MyDIV
{
transform:scale(1.5,1.5);
}



你可能感兴趣的:(CSS3 transition 属性 translate3d rotate)