KeyframeKit

Appearance

KeyframeKit / ConvertedKeyframes

Class
ConvertedKeyframes ​

Web Animations API keyframes converted with the factory functions.

Call toKeyframeEffect to create an animation from them.

Constructors ​

Constructor ​

ts
new ConvertedKeyframes(keyframes: Keyframe[]): ConvertedKeyframes;

Parameters ​

keyframes ​

Keyframe[]

Returns ​

ConvertedKeyframes

Methods ​

toKeyframeEffect() ​

ts
toKeyframeEffect(options: number | KeyframeEffectOptions | null): KeyframeEffectParameters;

Parameters ​

options ​

number | KeyframeEffectOptions | null

Keyframe effect options. MDN Reference

Note: to ease like CSS, leave out easing. If you set it, it eases the whole animation at once, on top of each keyframe's easing. Instead, set per-keyframe easing.

Returns ​

KeyframeEffectParameters

Properties ​

keyframes ​

ts
keyframes: Keyframe[];

See Also ​