July 13 CSS3 Summary of "2D conversion"

Conversion of/*2d */

Displacement
-webkit-transform:translate (10px, 10px)
Scaling
-webkit-transform:scale (. 5,. 5)
Reset Origin
-webkit-transform-origin:50px 0

Rotation: deg indicates degrees
-webkit-transform:rotate (1rad)

Oblique cut, twisted
-webkit-transform:skew (1rad, 1rad)

For example:
<div class= "Out" >
<div class= "inner" > Testing </div>

</div>
Css:

. Out {
width:300px;
height:300px;
Background-color: #999999;
padding:1px;
}

. Inner {
margin:150px;
width:100px;
height:100px;
Background-color: #21bbca;
-webkit-transform:translate (10px, 10px);

}

July 13 CSS3 Summary of "2D conversion"