rotate()

christian.dinh2481 total contributions
Published Jul 7, 2021Updated Sep 3, 2021
Contribute to Docs
The rotate()
function rotates an element around a fixed point in a two-dimensional space.
Syntax
transform: rotate(<angle>);
where a required <angle>
can be one of the following:
- Degree value:
90deg
- Radian value:
0.78rad
- Gradian value:
200grad
- Turn value:
.25turn
Example 1
Rotate image 45 degrees clockwise:
.hero-image {transform: rotate(45deg);}
All contributors
- christian.dinh2481 total contributions
- Anonymous contributorAnonymous contributor3077 total contributions
- robgmerrill124 total contributions
- christian.dinh
- Anonymous contributor
- robgmerrill
Looking to contribute?
- Learn more about how to get involved.
- Edit this page on GitHub to fix an error or make an improvement.
- Submit feedback to let us know how we can improve Docs.