CSS Value: Angle
The turn between two lines radiating from a single point, most commonly measured in degrees.
Angles can be used with CSS transformations and gradients.
Unit | Description | Example |
---|---|---|
deg |
Degrees. There are 360 degrees in a circle. | body { background: linear-gradient(20deg, orange, red); } |
grad |
Gradians. There are 400 gradians in a circle. | .photo { transform: rotate(50grad); } |
rad |
Radians. There are 2π (approximately 6.28) radians in a circle. | .smoothCriminal { transform: skew(-1rad); } |
turn |
Turns. There is one turn in a circle. Not widely supported. | .propeller { transform: rotate(999turn); } |