# Angle value in CSS explained: degrees, gradians, radians, or turns units

Generally as per MDN the `<angle>` CSS data type represents an angle value expressed in degrees, gradians, radians, or turns.  We can use them in transforms and gradients.

Practically we could use different units  for an angle rather than just using degrees. Basically this is how they compare to each other:

``````A full angle:
360deg = 400grad = 1turn ≈ 6.2831853rad``````

Therefor we can calculate them based on this and use them accordingly.

## Turn unit

Besides being just another unit the turn unit is just the perfect choice once we need to specify the rotation unit:

``````.example {
transform: rotate(1turn);
}``````

So the one turn means we want the item to have a one full turn. It is the most intuitive choice in this case.

A full circle contains 2p radians.  Generally “pi” is equal to 3.14159265. So that’s exactly half a circle in terms of radians. So we double that and we get 6.2831853rad to get a full circle.The unit identifier for radians is `rad`.

``````.example {
}``````

As an explanation gradians also known as “gons” or “grades” are abbreviated using the string “grad” appended to the unit value. A full circle has 400 gradians, which would be the equivalent to 360 degrees.

``````.example {