View source

class KeyframeEffect

package js.html

extends KeyframeEffectReadOnly › AnimationEffectReadOnly

@:native("KeyframeEffect")

Available on js

The KeyframeEffect interface of the Web Animations API lets us create sets of animatable properties and values, called keyframes. These can then be played using the Animation() constructor.

Documentation KeyframeEffect by Mozilla Contributors, licensed under CC-BY-SA 2.5.

See also:

Constructor

new(target:EitherType<Element, CSSPseudoElement>, frames:Dynamic, ?options:EitherType<Float, Dynamic>)

Throws:

null

DOMError

Inherited Variables

Defined by KeyframeEffectReadOnly

read onlycomposite:CompositeOperation

The composite operation property for resolving the property value changes between this and other keyframe effects.

read onlyiterationComposite:IterationCompositeOperation

The iteration composite operation for resolving the property value changes of this keyframe effect.

read onlyspacing:String

The temporal spacing of the keyframe effect's iterations

read onlytarget:EitherType<Element, CSSPseudoElement>

The element or pseudo-element being animated by this object. This may be null for animations that do not target a specific element.

Defined by AnimationEffectReadOnly

read onlytiming:AnimationEffectTimingReadOnly

The AnimationEffectTimingReadOnly object associated with the animation containing all the animation's timing values.

Inherited Methods

Defined by KeyframeEffectReadOnly

getFrames():Array<Dynamic>

Throws:

null

DOMError

Defined by AnimationEffectReadOnly

getComputedTiming():ComputedTimingProperties

Returns the calculated timing properties for this Animation Effect.