How to use rotate function in css

This article is about how to use the rotate function in css. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

1. The rotate function defines a transformation that rotates an element around a fixed point without deformation.

2. The specified angle defines the measure of rotation. If the angle is positive, it rotates clockwise, otherwise it rotates counterclockwise. Rotation of 180 °is also known as point reflection.

The fixed point where the element rotates is also called the transformation origin, which defaults to the center of the element, but you can use the transform-origin attribute to set your own custom transformation origin.

Example

Transform:rotate (- 30deg);-webkit-transform:rotate (- 30deg);-moz-transform:rotate (- 30deg);-o-transform:rotate (- 30deg);-mz-transform:rotate (- 30deg); Thank you for reading! This is the end of the article on "how to use the rotate function in css". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it out for more people to see!