Linepup Wiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.

====== 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.