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

View in English Always switch to English

CSSTranslate: CSSTranslate() Konstruktor

Eingeschränkt verfügbar

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

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

Syntax

js
new CSSTranslate(x, y)
new CSSTranslate(x, y, z)

Parameter

x

Ein Wert für die x-Achse des zu konstruierenden CSSTranslate-Objekts. Dieser muss eine <length-percentage> sein.

y

Ein Wert für die y-Achse des zu konstruierenden CSSTranslate-Objekts. Dieser muss eine <length-percentage> sein.

z Optional

Ein Wert für die z-Achse des zu konstruierenden CSSTranslate-Objekts. Dieser muss ein <length> sein.

Wenn ein Wert für die z-Achse übergeben wird, handelt es sich um eine 3D-Transformation. Der Wert von is2D wird auf false gesetzt.

Ausnahmen

TypeError

Ausgelöst, wenn der Wert von CSSTranslate.x oder CSSTranslate.y keine <length-percentage> ist.

TypeError

Ausgelöst, wenn der Wert von CSSTranslate.z vorhanden ist, aber kein <length> ist.

Beispiele

To do

Spezifikationen

Spezifikation
CSS Typed OM Level 1
# dom-csstranslate-csstranslate

Browser-Kompatibilität