CSS3 2D Transforms is an effect that lets an element change shape, size and position. It allows you to rotate, translate, scale and skew elements.
Following are 2D transformation methods:
translate() – moves an element from its current position according to the given X-axis and the Y-axis parameters.
rotate() – rotates an element clockwise or counter-clockwise according to a given degree.
Scale() – increases or decreases the size of an element according to the given width and height.
SkewX() – skews an element along the X-axis by the given angle.
SkewY() – skews an element along the Y-axis by the given angle.
skew() – kews an element along the X and Y-axis by the given angles.
Matrix() – combines all the 2D transform methods into one.