addKeyframe

[ Funktion ]

public addKeyframe(property: string, value: string, progessPoint: number): this;

Fügt einen Keyframe hinzu.

Parameter

Name

Typ

Beschreibung

property

string

Der Name eine CSS-Eigenschaft

value

string

Der gewünschte Wert für diese CSS-Eigenschaft

progressPoint

number

Ein Wert zwischen 0 und 1 inklusive, der den Zeitpunkt der Animation bestimmt. 0 ist der Start und 1 das Ende der Animation.

Rückgabewert

Typ

Beschreibung

TcHmi.Animation

Diese Methode gibt ihr Elternobjekt zurück, um eine Aneinanderkettung von Methodenaufrufen zu ermöglichen.

Beispiel – JavaScript

var animation = new TcHmi.Animation('ViewDesktopBeckhoffLogo', '');
animation.addKeyframe('transform', 'translate(0px, 0px)', 0)
    .addKeyframe('transform', 'translate(30px, 30px)', 1);
addKeyframe 1:

Verfügbar ab Version 1.8