css-module-transforms.xml

<?xml version="1.0" encoding="utf-8"?>
<CssModule name="2D Transforms" standard-reference="http://www.w3.org/TR/css-transforms-1/" status="WD" pub-date="2013-11-26">

  <CssProperty name="transform" version="3.0" browsers="C,FF16,IE10,O12.5" type="transforms" restriction="enum" syntax="div { $(name): rotate(-90deg); }" description="A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG." standard-reference="http://www.w3.org/TR/css-transforms-1//#transform-property" />

  <CssPropertyValue type="transforms">
    <entry value="none" />
    <entry value="matrix()" description="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]" />
    <entry value="matrix3d()" description="specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order." />
    <entry value="perspective()" />
    <entry value="translate()" description="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." />
    <entry value="translate3d()" description="Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively." />
    <entry value="translateX()" description="Specifies a translation by the given amount in the X direction." />
    <entry value="translateY()" description="Specifies a translation by the given amount in the Y direction." />
    <entry value="translateZ()" description="Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0." />
    <entry value="scale()" description="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." />
    <entry value="scale3d()" description="Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters." />
    <entry value="scaleX()" description="Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter." />
    <entry value="scaleY()" description="Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter." />
    <entry value="scaleZ()" description="Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter." />
    <entry value="rotate()" description="Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property." />
    <entry value="rotate3d()" description="Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters." />
    <entry value="rotateX('angle')" description="Specifies a clockwise rotation by the given angle about the X axis." />
    <entry value="rotateY('angle')" description="Specifies a clockwise rotation by the given angle about the Y axis." />
    <entry value="rotateZ('angle')" description="Specifies a clockwise rotation by the given angle about the Z axis." />
    <entry value="skewX()" description="Specifies a skew transformation along the X axis by the given angle." />
    <entry value="skewY()" description="Specifies a skew transformation along the Y axis by the given angle." />
    <entry value="skew()" description="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)." />
  </CssPropertyValue>

  <CssProperty name="transform-origin" version="3.0" browsers="C,FF16,IE10,O12.5" type="transform-origins" restriction="length, percentage" syntax=".album { $(name): 20% 40%; }" description="Establishes the origin of transformation for an element. This property is applied by first translating the element by the negated value of the property, then applying the element's transform, then translating by the property value." standard-reference="http://www.w3.org/TR/css-transforms-1/#transform-origin" />

  <CssPropertyValue type="transform-origins">
    <entry value="left" />
    <entry value="center" />
    <entry value="right" />
    <entry value="top" />
    <entry value="bottom" />
  </CssPropertyValue>

  <CssProperty name="transform-style" version="3.0" browsers="C,FF16,IE10,O12.5" restriction="enum" syntax="div { $(name): flat; }" description="Defines how nested elements are rendered in 3D space." standard-reference="http://www.w3.org/TR/css-transforms-1/#transform-origin">
    <entry value="flat" description="All children of this element are rendered flattened into the 2D plane of the element." />
    <entry value="preserve-3d" browsers="none" description="Flattening is not performed, so children maintain their position in 3D space." />
  </CssProperty>

  <CssProperty name="perspective" version="3.0" browsers="C,FF16,IE10,O12.5" restriction="length" syntax="div { $(name): none; }" description="Applies the same transform as the perspective(&lt;number&gt;) transform function, except that it applies only to the positioned or transformed children of the element, not to the transform on the element itself." standard-reference="http://www.w3.org/TR/css-transforms-1/#perspective">
    <entry value="none" description="No perspective transform is applied." />
  </CssProperty>

  <CssPropertyValue type="perspective-origins">
    <entry value="left" />
    <entry value="center" />
    <entry value="right" />
    <entry value="top" />
    <entry value="bottom" />
  </CssPropertyValue>

  <CssProperty name="perspective-origin" version="3.0" browsers="C,FF16,IE10,O12.5" type="perspective-origins" restriction="percentage, length" syntax="div { $(name): 10px; }" description="Establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element." standard-reference="http://www.w3.org/TR/css-transforms-1/#perspective-origin" />

  <CssProperty name="backface-visibility" version="3.0" browsers="C,FF16,IE10,O12.5" restriction="enum" syntax="div { $(name): hidden; }" description="Determines whether or not the 'back' side of a transformed element is visible when facing the viewer. With an identity transform, the front side of an element faces the viewer." standard-reference="http://www.w3.org/TR/css-transforms-1/#backface-visibility">
    <entry value="visible" />
    <entry value="hidden" />
  </CssProperty>
</CssModule>