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