CSS3 2D/3D Transforms

CSS3 allows for 2d/3d Transforms which helps in giving the best look to any document.
This is performed using the transform tag.

CSS3 Transform Rotate
Example

<div style="background:yellow;height:100px;width:100px;-moz-transform:rotate(45deg);color:red;">hello from rotated div</div>

hello from rotated div

CSS3 Transform Translate

<div style="background:yellow;height:100px;width:100px;-moz-transform:translate(20px,70px);color:red;">hello from rotated div</div>

Which results as follows

hello from rotated div

CSS3 Transform Scale

<div style="background:yellow;height:100px;width:100px;-moz-transform:scale(1,1);color:red;">hello from scaled div</div>

hello from scaled div

CSS3 Transform Skew

<div style="background:yellow;height:100px;width:100px;-moz-transform:skew(30deg,20deg);color:red;">hello from skewed div</div>

Which results as follows

hello from skewed div