Search
Search CSS
translateZ()
translateZ() The translateZ() CSS function repositions an element along the z-axis in 3D space, i.e., closer to or farther away from the viewer. Its result is a <transform-function> data typ..
translateY()
translateY() The translateY() CSS function repositions an element vertically on the 2D plane. Its result is a <transform-function> data type. Note: translateY(ty) is equivalent..
translateX()
translateX() The translateX() CSS function repositions an element horizontally on the 2D plane. Its result is a <transform-function> data type. Note: translateX(tx) is equivale..
translate3d()
translate3d() The translate3d() CSS function repositions an element in 3D space. Its result is a <transform-function> data type. This transformation is characterized by a three-dimension..
translate()
translate() The translate() CSS function repositions an element in the horizontal and/or vertical directions. Its result is a <transform-function> data type. This transformation is ..
translate
translateThe translate CSS property allows you to specify translation transforms individually and independently of the transform property. This maps better to typical user interface usage, and saves h..
transform-style
transform-styleThe transform-style CSS property sets whether children of an element are positioned in the 3D space or are flattened in the plane of the element. If flattened, the element's children wi..
transform-origin
transform-originThe transform-origin CSS property sets the origin for an element's transformations. The transform origin is the point around which a transformation is applied. For example, the transfo..
<transform-function>
<transform-function>The <transform-function> CSS data type represents a transformation that affects an element's appearance. Transformation functions can rotate, resize, distort, or move a..
transform-box
transform-boxThe transform-box CSS property defines the layout box to which the transform and transform-origin properties relate. /* Keyword values */ transform-box: content-box; transform-box: border..
transform
transform The transform CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model. If the property has a value dif..
angle#turn
<angle>The <angle> CSS data type represents an angle value expressed in degrees, gradians, radians, or turns. It is used, for example, in <gradient>s and in some transform functions...
skewY()
skewY() The skewY() CSS function defines a transformation that skews an element in the vertical direction on the 2D plane. Its result is a <transform-function> data type. This transforma..
skewX()
skewX() The skewX() CSS function defines a transformation that skews an element in the horizontal direction on the 2D plane. Its result is a <transform-function> data type. This transfor..
skew()
skew() The skew() CSS function defines a transformation that skews an element on the 2D plane. Its result is a <transform-function> data type. This transformation is a shear mapping (tra..
scaleZ()
scaleZ() The scaleZ() CSS function defines a transformation that resizes an element along the z-axis. Its result is a <transform-function> data type. This scaling transformation modifies..
scaleY()
scaleY() The scaleY() CSS function defines a transformation that resizes an element along the y-axis (vertically). Its result is a <transform-function> data type. It modifies the or..
scaleX()
scaleX() The scaleX() CSS function defines a transformation that resizes an element along the x-axis (horizontally). Its result is a <transform-function> data type. It modifies the ..
scale3d()
scale3d() The scale3d() CSS function defines a transformation that resizes an element in 3D space. Because the amount of scaling is defined by a vector, it can resize different dimensions at diffe..
scale()
scale() The scale() CSS function defines a transformation that resizes an element on the 2D plane. Because the amount of scaling is defined by a vector, it can resize the horizontal and vertical d..
scale
scaleThe scale CSS property allows you to specify scale transforms individually and independently of the transform property. This maps better to typical user interface usage, and saves having to remem..
rotateZ()
rotateZ() The rotateZ() CSS function defines a transformation that rotates an element around the z-axis without deforming it. Its result is a <transform-function> data type. The axis of rot..
rotateY()
rotateY() The rotateY() CSS function defines a transformation that rotates an element around the ordinate (vertical axis) without deforming it. Its result is a <transform-function> data type..
rotateX()
rotateX() The rotateX() CSS function defines a transformation that rotates an element around the abscissa (horizontal axis) without deforming it. Its result is a <transform-function> data ty..
rotate3d()
rotate3d() The rotate3d() CSS function defines a transformation that rotates an element around a fixed axis in 3D space, without deforming it. Its result is a <transform-function> data type...
rotate()
rotate() The rotate() CSS function defines a transformation that rotates an element around a fixed point on the 2D plane, without deforming it. Its result is a <transform-function> data ty..
rotate
rotateThe rotate CSS property allows you to specify rotation transforms individually and independently of the transform property. This maps better to typical user interface usage, and saves having to ..
angle#rad
<angle>The <angle> CSS data type represents an angle value expressed in degrees, gradians, radians, or turns. It is used, for example, in <gradient>s and in some transform functions...
position
positionThe position CSS property sets how an element is positioned in a document. The top, right, bottom, and left properties determine the final location of positioned elements.Syntaxposition: stati..
perspective-origin
perspective-originThe perspective-origin CSS property determines the position at which the viewer is looking. It is used as the vanishing point by the perspective property. The perspective-origin and ..
perspective()
perspective() The perspective() CSS function defines a transformation that sets the distance between the user and the z=0 plane, the perspective from which the viewer would be if the 2-dimensional..
perspective
perspectiveThe perspective CSS property determines the distance between the z=0 plane and the user in order to give a 3D-positioned element some perspective.Syntax/* Keyword value */ perspective: none..
matrix3d()
matrix3d() The matrix3d() CSS function defines a 3D transformation as a 4x4 homogeneous matrix. Its result is a <transform-function> data type. SyntaxThe matrix3d() function is specified wit..
matrix()
matrix() The matrix() CSS function defines a homogeneous 2D transformation matrix. Its result is a <transform-function> data type. Note: matrix(a, b, c, d, tx, ty) is a shorthand fo..
angle#grad
<angle>The <angle> CSS data type represents an angle value expressed in degrees, gradians, radians, or turns. It is used, for example, in <gradient>s and in some transform functions...
angle#deg
<angle>The <angle> CSS data type represents an angle value expressed in degrees, gradians, radians, or turns. It is used, for example, in <gradient>s and in some transform functions...
backface-visibility
backface-visibilityThe backface-visibility CSS property sets whether the back face of an element is visible when turned towards the user. An element's back face is a mirror image of its front face. Th..
<angle>
<angle>The <angle> CSS data type represents an angle value expressed in degrees, gradians, radians, or turns. It is used, for example, in <gradient>s and in some transform functions...
