The rotate() function rotates an element around a fixed point in a two-dimensional space.


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

Looking to contribute?

Learn CSS on Codecademy