rotate()

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);
}

Contributors

Interested in helping build Docs? Read the Contribution Guide or share your thoughts in this feedback form.

Learn CSS on Codecademy

Contributors