HTML Dog
Skip to navigation

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