Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

CSSRotate: CSSRotate() Konstruktor

Eingeschränkt verfügbar

Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.

Want more browser support for this feature? Tell us why.

Hinweis: Diese Funktion ist in Web Workers verfügbar.

Der CSSRotate() Konstruktor erstellt ein neues CSSRotate Objekt, das den Wert der rotate() der individuellen transform-Eigenschaft in CSS darstellt.

Dies kann entweder als eine 2D-Rotation um einen bestimmten Winkel oder als eine 3D-Rotation um einen Winkel um eine bestimmte Achse spezifiziert werden.

Syntax

js
new CSSRotate(angle)
new CSSRotate(x, y, z, angle)

Parameter

angle

Ein Wert für den Winkel des zu konstruierenden CSSRotate Objekts. Dies muss ein CSSNumericValue sein.

x Optional

Ein Wert für die x-Achse des zu konstruierenden CSSRotate Objekts. Dies muss entweder eine Zahl sein (die in einen CSSUnitValue mit unit: "number" gewickelt wird) oder ein CSSNumericValue. Nur verwendet und erforderlich bei der Konstruktion einer 3D-Rotation.

y Optional

Ein Wert für die y-Achse des zu konstruierenden CSSRotate Objekts. Dies muss entweder eine Zahl sein (die in einen CSSUnitValue mit unit: "number" gewickelt wird) oder ein CSSNumericValue. Nur verwendet und erforderlich bei der Konstruktion einer 3D-Rotation.

z Optional

Ein Wert für die z-Achse des zu konstruierenden CSSRotate Objekts. Dies muss entweder eine Zahl sein (die in einen CSSUnitValue mit unit: "number" gewickelt wird) oder ein CSSNumericValue. Nur verwendet und erforderlich bei der Konstruktion einer 3D-Rotation.

Ausnahmen

TypeError

Wirft einen Fehler, wenn der Wert von CSSRotate.angle kein <angle> Wert ist oder CSSRotate.x, CSSRotate.y, CSSRotate.z keine <number> Werte sind.

Beispiele

To do

Spezifikationen

Spezifikation
CSS Typed OM Level 1
# dom-cssrotate-cssrotate
CSS Typed OM Level 1
# dom-cssrotate-cssrotate-x-y-z-angle

Browser-Kompatibilität