How to scale and rotate in css

In CSS, you can use the transform attribute to achieve the rotation and scaling effects of elements. The syntax is "element {transform:scale (horizontal scaling value, vertical scaling value); transform:rotate (rotation angle value); }".

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

How to scale and rotate css

In css, you can use the transform attribute to set the scaling and rotation of the element. The function of this attribute is to adjust the element. Rotate, scale, move or tilt operations.

1. Scaling

When the value of transform is scale(), the element can be scaled. The example is as follows:

    
  
Hello World
  

Output results ：

2. Rotation

When the value of transform is rotate(), you can set the element rotation operation. The example is as follows:

    
  
Hello World
  

Output result:

(Learning video sharing:css video tutorial)

The above is the detailed content of How to scale and rotate in css. For more information, please follow other related articles on the PHP Chinese website!