translate()
The translate() method moves an element from its current position (according to the parameters given for the X-axis and the Y-axis).
div { -ms-transform: translate(50px, 100px); /* IE 9 */ -webkit-transform: translate(50px, 100px); /* Safari */ transform: translate(50px, 100px); }
rotate()
The rotate() method rotates an element clockwise or counter-clockwise according to a given degree.
div { -ms-transform: rotate(20deg); /* IE 9 */ -webkit-transform: rotate(20deg); /* Safari */ transform: rotate(20deg); }
scale()
The scale() method increases or decreases the size of an element (according to the parameters given for the width and height).
div { -ms-transform: scale(2, 3); /* IE 9 */ -webkit-transform: scale(2, 3); /* Safari */ transform: scale(2, 3); }
skewX()
The skewX() method skews an element along the X-axis by the given angle.
div { -ms-transform: skewX(20deg); /* IE 9 */ -webkit-transform: skewX(20deg); /* Safari */ transform: skewX(20deg); }
skewY()
skew()
matrix()
The matrix() method combines all the 2D transform methods into one.
References
http://www.w3schools.com/css/css3_2dtransforms.asp