Transform: This property sets the HTML component to move the TX distance horizontally, moving the Ty distance vertically. Where the Ty parameter can be omitted, if the Ty parameter is omitted, then Ty defaults to 0
- Translate (tx,ty): This function sets the HTML component to move the TX distance horizontally, moving the Ty distance vertically.
- TranslateX: The function sets the HTML component to move the TX distance across the landscape.
- Translatey: The function sets the HTML component to move the Ty distance horizontally.
- Scale (Sx,sy): This function sets the HTML component to be scaled horizontally to SX, with a vertical scale of SY.
- ScaleX:
- ScaleY:
- Rotate (angle): This function sets the HTML component to turn the angle angle clockwise.
- Skew (Sx,sy): This function sets the HTML component to tilt the sx angle along the x axis, tilting the sy angle along the y axis.
- SKEWX:
- Skewy:
- Matrix: (M11,m12,m21,m22,dx,dy): This is a function based on a rectangle transform. The first four parameters will form the deformation matrix; the Dx,dy will be responsible for panning the coordinate system.
Transform-origin: This property sets the center point of the warp. The property value should be set to Xcenter Ycenter, where xcenter, Ycenter support the following types of properties
- Left: Sets the center point of the rotation at the right edge of the HTML component. The property value can only be formulated as xcenter.
- Top
- Right
- Bottom
- Center: Specifies that the rotation center point is in the middle of the HTML component. If Xcenter,ycenter is specified as center, the rotation center point is at the center of the HTML element.
- Length value: Specifies the distance between the left and right edges of the center point of the rotation
- Percent: Specifies the percentage of the rotation center point that is in the landscape, portrait
Deformation support provided by css#
