CSS3 Study----Transform

CSS 2D Conversion

Translate ()----relative movement

Div.first{Transform:Translate (50px,100px);-ms-transform:Translate (50px,100px);/*IE 9*/-webkit-transform:Translate (50px,100px);/*Safari and Chrome*/-o-transform:Translate (50px,100px);/*Opera*/-moz-transform:Translate (50px,100px);/*Firefox*/}

Rotate ()

transform:rotate (30deg);-ms-transform:rotate (30deg);         /*  */-webkit-transform:rotate (30deg)    ; /*  */-o-transform:rotate (30deg)        ; /*  */-moz-transform:rotate (30deg)        ; /* */

Scale ()

　　

Transform:scale (2,4);-ms-transform:scale (2,4);     /*  */-webkit-transform:scale (2,4)    ; /*  */-o-transform:scale (2,4)    ; /*  */-moz-transform:scale (2,4)    ; /* */

Skew ()

Transform:skew (30deg,20deg);-ms-transform:skew (30deg,20deg);     /*  */-webkit-transform:skew (30deg,20deg)    ; /*  */-o-transform:skew (30deg,20deg)    ; /*  */-moz-transform:skew (30deg,20deg)    ; /* */

CSS3 Study----Transform