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.

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

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

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

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. Dies muss ein <length-percentage> sein.

y

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

z Optional

Ein Wert für die z-Achse des zu konstruierenden CSSTranslate-Objekts. Dies 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

Wird ausgelöst, wenn der Wert von CSSTranslate.x oder CSSTranslate.y kein <length-percentage> ist.

TypeError

Wird 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