rotate()

christian.dinh's avatar
christian.dinh's avatar
christian.dinh
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

Contribute to Docs

Learn CSS on Codecademy