CSS3 2D Conversion

Div
{
Transform:rotate (30DEG);
-ms-transform:rotate (30DEG); /* IE 9 */
-webkit-transform:rotate (30DEG); /* Safari and Chrome */
}

The 1.translate () method moves from the current element position according to the parameters given at the left (x-axis) and top (Y-axis) positions.

Transform:translate (50px,100px);

The 2.rotate () method rotates the element clockwise in a given degree. Negative values are allowed so that the elements are rotated counterclockwise.

Transform:rotate (30DEG);

The 3.scale () method, which increases or decreases the size of the element, depends on the width (x-axis) and height (y-axis) of the parameter

Transform:scale (2,4); The transition width is twice times the original size, and its original size is 4 times times the height.

4.skew () method, which is given an angle based on the transverse (x-axis) and vertical (Y-axis) line parameters

Transform:skew (30DEG,20DEG);

The 5.matrix () method and the 2D transform method are combined into one.

The matrix method has six parameters, including rotation, zoom, move (pan), and tilt.

CSS3 2D Conversion