User Tools

Site Tools


css:transform

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.

css/transform.txt · Last modified: by linepup

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki