Skip to content

Latest commit

 

History

History
28 lines (25 loc) · 1.48 KB

transform-type.md

File metadata and controls

28 lines (25 loc) · 1.48 KB

transform-function

One or more of the CSS transform functions to be applied. The transform functions are multiplied in order from left to right, meaning that composite transforms are effectively applied in order from right to left.

Values

  • matrix - Describes a homogeneous 2D transformation matrix.
  • matrix3d - Describes a 3D transformation as a 4×4 homogeneous matrix.
  • perspective - Sets the distance between the user and the z=0 plane.
  • rotate - Rotates an element around a fixed point on the 2D plane.
  • rotate3d - Rotates an element around a fixed axis in 3D space.
  • rotateX - Rotates an element around the horizontal axis.
  • rotateY - Rotates an element around the vertical axis.
  • rotateZ - Rotates an element around the z-axis.
  • translate - Translates an element on the 2D plane.
  • translate3d - Translates an element in 3D space.
  • translateX - Translates an element horizontally.
  • translateY - Translates an element vertically.
  • translateZ - Translates an element along the z-axis.
  • scale - Scales an element up or down on the 2D plane.
  • scale3d - Scales an element up or down in 3D space.
  • scaleX - Scales an element up or down horizontally.
  • scaleY - Scales an element up or down vertically.
  • scaleZ - Scales an element up or down along the z-axis.
  • skew - Skews an element on the 2D plane.
  • skewX - Skews an element in the horizontal direction.
  • skewY - Skews an element in the vertical direction.