Untitled Document

The value of the transform property is a list of <transform-functions> applied in the order provided. The individual transform functions are separated by whitespace. The set of allowed transform functions is given below. In this list the type <translation-value> is defined as a <length> or <percentage> value, and the <angle> type is defined by CSS Values and Units.

matrix(<number>, <number>, <number>, <number>, <number>, <number>): specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f].
translate(<translation-value>[, <translation-value>]): specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter. If <ty> is not provided, ty has zero as a value.
translateX(<translation-value>): specifies a translation by the given amount in the X direction.
translateY(<translation-value>): specifies a translation by the given amount in the Y direction.
scale(<number>[, <number>]): specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first.
scaleX(<number>): specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter.
scaleY(<number>): specifies a scale operation using the [1,sy] scaling vector, where sy is given as the parameter.
rotate(<angle>): specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property.
skewX(<angle>): specifies a skew transformation along the X axis by the given angle.
skewY(<angle>): specifies a skew transformation along the Y axis by the given angle.
skew(<angle> [, <angle>]): specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie. no skew on the Y axis).