Free Trial Buy

fx

An object that serves as a namespace for the methods that are used to animate UI elements.

Included in: dx.web.js, dx.viz.js, dx.all.js
import fx from "devextreme/animation/fx"

animate(element, config)

Animates an element.

Parameters:
element:

Element

The element.

config:

AnimationConfig

The element's animation properties.

Return Value:

Promise<void> (jQuery or native)

A Promise that is resolved after animation is completed. It is a native Promise or a jQuery.Promise when you use jQuery.

If you execute element animation before the previous one is completed, the animation is passed to a queue and is executed after the current one finishes.

isAnimating(element)

Checks whether an element is being animated.

Parameters:
element:

Element

The element.

Return Value:

Boolean

true if the element is being animated; otherwise false.

stop(element, jumpToEnd)

Stops an element's animation.

Parameters:
element:

Element

The element.

jumpToEnd:

Boolean

Specifies whether to apply the target animation state or leave the current state.