Some processing of deformation in CSS3

Deformation classification

• Scale

  Use the scale method to scale text or images, and specify the scaling ratio in the parameters. For example, "scale (0.5)" means zooming out by 50

• tilt

  Use the skew method to achieve scaling of text or images, and specify the horizontal tilt angle in the parameter The tilt angle with the vertical direction. If there is only one value, it is the tilt angle with the horizontal direction. The unit is deg.

  Note:rotate represents rotation. There is only one value, indicating the rotation angle in the horizontal direction.

• Move

  Use the translate method to move text or images. Specify the horizontal movement and vertical movement in the parameters. If there is only one value, then for horizontal movement.

Multiple transformation methods for an element

Format example

1  2  3  4  5  6  7  8 
 9 10 
a-section1-3-b
11 
section1-4-b
12   

Transformation base point transform-origin

This parameter can change the deformation base point, and its attribute value represents "the position of the base point in the horizontal direction of the element, and the position of the base point in the vertical direction of the element." Among them, the values that can be specified in "the position of the reference point in the horizontal direction of the element" are left, center, and right, and the values that can be specified in "the position of the reference point in the vertical direction of the element" are top, center, and bottom.

The above is the detailed content of Some processing of deformation in CSS3. For more information, please follow other related articles on the PHP Chinese website!