Articles tagged: CSS Transforms

Found 28 documents

• Web/CSS/CSS_Transforms/Using_CSS_transforms By modifying the coordinate space, CSS transforms change the shape and position of the affected ...
• Web/CSS/perspective The perspective CSS property determines the distance between the z=0 plane and the user in order ...
• Web/CSS/perspective-origin The perspective-origin CSS property determines the position the viewer is looking at. It is used ...
• Web/CSS/transform-box The transform-box property defines the layout box, to which the transform and transform-origin ...
• Web/CSS/transform-function The transform-function CSS data type denotes a function applied to an element's representation ...
• Web/CSS/transform-function/matrix The matrix() CSS function specifies a homogeneous 2D transformation matrix comprised of the ...
• Web/CSS/transform-function/matrix3d The matrix3d() CSS function describes a 3D transform as a 4x4 homogeneous matrix. The 16 ...
• Web/CSS/transform-function/perspective The perspective() CSS function defines the distance between the z=0 plane and the user in order ...
• Web/CSS/transform-function/rotate The rotate() CSS function defines a transformation that moves the element around a fixed point ...
• Web/CSS/transform-function/rotate3d The rotate3d() CSS function defines a transformation that moves the element around a fixed axis ...
• Web/CSS/transform-function/rotateX The rotateX() CSS function defines a transformation that moves the element around the abscissa ...
• Web/CSS/transform-function/rotateY The rotateY() CSS function defines a transformation that moves the element around the ordinate ...
• Web/CSS/transform-function/rotateZ The rotateZ() CSS function defines a transformation that moves the element around the z-axis ...
• Web/CSS/transform-function/scale The scale() CSS function modifies the size of the element. It can either augment or decrease its ...
• Web/CSS/transform-function/scale3d The scale3d() CSS function modifies the size of an element. Because the amount of scaling is ...
• Web/CSS/transform-function/scaleX The scaleX() CSS function modifies the abscissa of each element point by a constant factor, ...
• Web/CSS/transform-function/scaleY The scaleY() CSS function modifies the ordinate of each element point by a constant factor ...
• Web/CSS/transform-function/scaleZ The scaleZ() CSS function modifies the z-coordinate of each element point by a constant factor, ...
• Web/CSS/transform-function/skew The skew() CSS function is a shear mapping, or transvection, distorting each point of an element ...
• Web/CSS/transform-function/skewX The skewX() CSS function is a horizontal shear mapping distorting each point of an element by a ...
• Web/CSS/transform-function/skewY The skewY() CSS function is a vertical shear mapping distorting each point of an element by a ...
• Web/CSS/transform-function/translate The translate() CSS function moves the position of the element on the plane. This transformation ...
• Web/CSS/transform-function/translate3d The translate3d() CSS function moves the position of the element in the 3D space. This ...
• Web/CSS/transform-function/translateX The translateX() CSS function moves the element horizontally on the plane. This transformation ...
• Web/CSS/transform-function/translateY The translateY() CSS function moves the element vertically on the plane. This transformation is ...
• Web/CSS/transform-function/translateZ The translateZ() CSS function moves the element along the z-axis of the 3D space. This ...
• Web/CSS/transform-origin The transform-origin property lets you modify the origin for transformations of an element. For ...
• Web/CSS/transform-style The transform-style CSS property determines if the children of the element are positioned in the ...