<angle>

Der <angle>-Datentyp besteht aus einer <number>, gefolgt von einer der unten aufgeführten Einheiten. Wie bei allen Maßeinheiten gibt es keinen Abstand zwischen dem Einheitsliteral und der Zahl. Die Winkeleinheit ist nach der Zahl 0 optional.

Optional kann ein einzelnes +- oder --Zeichen vorangestellt werden. Positive Zahlen repräsentieren Winkel im Uhrzeigersinn, während negative Zahlen Winkel gegen den Uhrzeigersinn darstellen. Für statische Eigenschaften einer gegebenen Einheit kann jeder Winkel durch verschiedene äquivalente Werte dargestellt werden. Zum Beispiel entsprechen 90deg -270deg und 1turn entspricht 4turn. Für dynamische Eigenschaften, wie bei Anwendung von animation oder transition, wird die Wirkung dennoch unterschiedlich sein.

deg

Repräsentiert einen Winkel in Grad. Ein voller Kreis entspricht 360deg. Beispiele: 0deg, 90deg, 14.23deg.

grad

Repräsentiert einen Winkel in Neugrad. Ein voller Kreis entspricht 400grad. Beispiele: 0grad, 100grad, 38.8grad.

rad

Repräsentiert einen Winkel in Radianten. Ein voller Kreis entspricht 2π Radianten, was ungefähr 6.2832rad entspricht. 1rad entspricht 180/π Grad. Beispiele: 0rad, 1.0708rad, 6.2832rad.

turn

Repräsentiert einen Winkel in einer Anzahl von Umdrehungen. Ein voller Kreis entspricht 1turn. Beispiele: 0turn, 0.25turn, 1.2turn.

• CSS-Datentypen
• Der <gradient>-Typ
• CSS-Drehtransformationen: rotate(), rotate3d(), rotateX(), rotateY() und rotateZ()
• CSS-Transformationen
• Verwendung von CSS-Transformationen
• Verwendung von CSS-Verläufen