HTML and CSS Reference
In-Depth Information
Values for <transform-function>
The following are values for <transform-function> :
translateX(<length>) : Translates the element by the specified
amount on the x-axis.
translateY(<length>) : Translates the element by the specified
amount on the y-axis.
translate(<length>[, <length>]) : Translates the element by the
specified amount; the first value is along the x-axis, and the second
is along the y-axis (0 if not specified).
scaleX(<number>) : Scales the element by the specified factor along
the x-axis.
scaleY(<number>) : Scales the element by the specified factor along
the x-axis.
scale(<number>[, <number>]) : Scales the element by the specified
factor along each axis; the first value is the x-axis, and the second is
along the y-axis (equal to x if not specified).
rotate(<angle>) : Rotates an element around the origin by the speci-
fied angle (in deg units); a positive angle rotates the element in a
clockwise direction.
skewX(<angle>) : Skews the element along the x-axis by the specified
angle (in deg units).
skewY(<angle>) : Skews the element along the y-axis by the specified
angle (in deg units).
skew(<angle>[, <angle>]) : Skews the element along each axis by
the specified angle (in deg units); the first value is the x-axis, and the
second is along the y-axis (0 if not specified).
 
Search WWH ::




Custom Search