Keyframe

Represents a keyframe in the animation timeline.

Keyframe interface

Represents a keyframe in the animation timeline.

Signature:

interface Keyframe<T>

Example

// updating the position keyframe at frame 30
const positionKeyframe = layer.position.getKeyframeAt(30);
if (positionKeyframe) {
  positionKeyframe.value = { x: 100, y: 200 };
  positionKeyframe.outTangent = { x: 0.65, y: 0 };
  positionKeyframe.inTangent = { x: 0.36, y: 1 };
}

Properties

Property

Modifiers

Type

Description

easing

Easing

Easing function for this keyframe

frame

number

The frame number of this keyframe

id

readonly

string

Unique identifier for this keyframe

value

T

The value of this keyframe

Methods

Method

Description

remove()

Removes this keyframe from its parent property

Last updated: August 5, 2026 at 11:47 AMEdit this page