KeyframeEffect
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.Animation constructor.
Constructors
Properties
The composite property of a KeyframeEffect resolves how an element's animation impacts its underlying property values.
The iterationComposite property of a KeyframeEffect resolves how the animation's property value changes accumulate or override each other upon each of the animation's iterations.
The pseudoElement property of a KeyframeEffect interface is a string representing the pseudo-element being animated.
Functions
The getComputedTiming() method of the AnimationEffect interface returns the calculated timing properties for this animation effect.
The getKeyframes() method of a KeyframeEffect returns an Array of the computed keyframes that make up this animation along with their computed offsets.
The AnimationEffect.getTiming() method of the AnimationEffect interface returns an object containing the timing properties for the Animation Effect.
The setKeyframes() method of the KeyframeEffect interface replaces the keyframes that make up the affected KeyframeEffect with a new set of keyframes.
The updateTiming() method of the AnimationEffect interface updates the specified timing properties for an animation effect.