akasha

Class KeyframeEffect

java.lang.Object

akasha.core.JsObject

akasha.AnimationEffect

akasha.KeyframeEffect

@Generated(value="org.realityforge.webtack")
 @JsType(isNative=true,
        namespace="<global>",
        name="KeyframeEffect")
public class KeyframeEffect
extends AnimationEffect

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.

See Also:

KeyframeEffect - MDN, (Web Animations 2) # the-keyframeeffect-interface

Field Summary

Fields

Modifier and Type	Field and Description
@JsNonNull java.lang.String	composite The composite property of a KeyframeEffect resolves how an element's animation impacts its underlying property values.
@JsNullable java.lang.String	pseudoElement
@JsNullable Element	target The target property of a KeyframeEffect interface represents the element or pseudo-element being animated.

Constructor Summary

Constructors

Constructor and Description
KeyframeEffect(Element target, JsObject keyframes) The KeyframeEffect() constructor of the Web Animations API returns a new KeyframeEffect object instance, and also allows you to clone an existing keyframe effect object instance.
KeyframeEffect(Element target, JsObject keyframes, double options) The KeyframeEffect() constructor of the Web Animations API returns a new KeyframeEffect object instance, and also allows you to clone an existing keyframe effect object instance.
KeyframeEffect(Element target, JsObject keyframes, KeyframeEffectOptions options) The KeyframeEffect() constructor of the Web Animations API returns a new KeyframeEffect object instance, and also allows you to clone an existing keyframe effect object instance.
KeyframeEffect(KeyframeEffect source) The KeyframeEffect() constructor of the Web Animations API returns a new KeyframeEffect object instance, and also allows you to clone an existing keyframe effect object instance.

Method Summary

Modifier and Type	Method and Description
@JsNonNull JsArray<JsObject>	getKeyframes() The getKeyframes() method of a KeyframeEffect returns an Array of the computed keyframes that make up this animation along with their computed offsets.
void	setKeyframes(JsObject keyframes) The setKeyframes() method of the KeyframeEffect interface replaces the keyframes that make up the affected KeyframeEffect with a new set of keyframes.

Methods inherited from class akasha.AnimationEffect

getComputedTiming, getTiming, updateTiming, updateTiming

Methods inherited from class akasha.core.JsObject

assign, create, create, defineProperties, defineProperty, defineProperty, entries, freeze, fromEntries, getOwnPropertyDescriptor, getOwnPropertyDescriptor, getOwnPropertyDescriptors, getOwnPropertyNames, getOwnPropertySymbols, getPrototypeOf, hasOwnProperty, hasOwnProperty, is, isExtensible, isFrozen, isPrototypeOf, isSealed, keys, preventExtensions, propertyIsEnumerable, seal, setPrototypeOf, toString_, valueOf_, values

Methods inherited from class java.lang.Object

clone, equals, finalize, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait

Field Detail

composite

@CompositeOperation
public @JsNonNull java.lang.String composite

The composite property of a KeyframeEffect resolves how an element's animation impacts its underlying property values.

See Also:

KeyframeEffect.composite - MDN, KeyframeEffect.composite - Web Animations

pseudoElement

public @JsNullable java.lang.String pseudoElement

target

public @JsNullable Element target

The target property of a KeyframeEffect interface represents the element or pseudo-element being animated. It may be null for animations that do not target a specific element. It performs as both a getter and a setter, except with animations and transitions generated by CSS.

See Also:

KeyframeEffect.target - MDN, keyframeEffect - Web Animations

Constructor Detail

KeyframeEffect

public KeyframeEffect(@Nullable
                      Element target,
                      @Nullable
                      JsObject keyframes,
                      double options)

The KeyframeEffect() constructor of the Web Animations API returns a new KeyframeEffect object instance, and also allows you to clone an existing keyframe effect object instance.

See Also:

KeyframeEffect.KeyframeEffect - MDN, KeyframeEffectOptions.iterationComposite - Web Animations Level 2, keyframeEffect() - Web Animations

KeyframeEffect

public KeyframeEffect(@Nullable
                      Element target,
                      @Nullable
                      JsObject keyframes,
                      @Nonnull
                      KeyframeEffectOptions options)

The KeyframeEffect() constructor of the Web Animations API returns a new KeyframeEffect object instance, and also allows you to clone an existing keyframe effect object instance.

See Also:

KeyframeEffect.KeyframeEffect - MDN, KeyframeEffectOptions.iterationComposite - Web Animations Level 2, keyframeEffect() - Web Animations

KeyframeEffect

public KeyframeEffect(@Nullable
                      Element target,
                      @Nullable
                      JsObject keyframes)

The KeyframeEffect() constructor of the Web Animations API returns a new KeyframeEffect object instance, and also allows you to clone an existing keyframe effect object instance.

See Also:

KeyframeEffect.KeyframeEffect - MDN, KeyframeEffectOptions.iterationComposite - Web Animations Level 2, keyframeEffect() - Web Animations

KeyframeEffect

public KeyframeEffect(@Nonnull
                      KeyframeEffect source)

The KeyframeEffect() constructor of the Web Animations API returns a new KeyframeEffect object instance, and also allows you to clone an existing keyframe effect object instance.

See Also:

KeyframeEffect.KeyframeEffect - MDN, KeyframeEffectOptions.iterationComposite - Web Animations Level 2, keyframeEffect() - Web Animations

Method Detail

getKeyframes

public @JsNonNull JsArray<JsObject> getKeyframes()

The getKeyframes() method of a KeyframeEffect returns an Array of the computed keyframes that make up this animation along with their computed offsets.

See Also:

KeyframeEffect.getKeyframes - MDN, KeyframeEffect.getKeyframes() - Web Animations

setKeyframes

public void setKeyframes(@Nullable
                         JsObject keyframes)

The setKeyframes() method of the KeyframeEffect interface replaces the keyframes that make up the affected KeyframeEffect with a new set of keyframes.

See Also:

KeyframeEffect.setKeyframes - MDN, KeyframeEffect.setKeyframes() - Web Animations