The rotation attribute is a new attribute of CSS3, which is used to rotate block-level elements counterclockwise around the specified point defined by the rotation-point attribute. Borders, padding, content, and background (not fixed) are also rotated! However, currently mainstream browsers do not support this attribute.

How to use the css rotation property?

The rotation attribute rotates the block-level element counterclockwise around the specified point defined by the rotation-point attribute.

Syntax:

rotation: angle;

Attribute value:

●angle: element rotation angle. Possible values: 0deg to 360deg.

Note:Borders, padding, content and background (non-fixed) will also be rotated! Currently, mainstream browsers do not support the rotation attribute.

css rotation property example

     
  
旋转效果
 
注释：目前没有浏览器支持 rotation-point 或 rotation 属性。
  

The above is the detailed content of How to use css rotation property. For more information, please follow other related articles on the PHP Chinese website!