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