CSS: Transform
translate
transform: translate(20px, 50px);
Moves an element according the specified x and y values. The example moves the element 20px to the right and 50 pixels down.
rotate
transform: rotate(20deg);
Rotates an element clockwise or counter clockwise according to specified degree. The example rotates the element 20 degrees.
scale
transform: scale(2, 3);
Increases or decreases the size of an element according to the parameters set. The example increases the width to be twice its original width, and the height to be three times its original height.
scaleX
transform: scaleX(2);
Increases or decreases the width of an element. The example increases the width of the element to be twice its original width.
scaleY
transform: scaleY(3);
Increases or decreases the height of an element. The example increases the height of the element to be three times its original height.
