Animation

Animations can be applied to some specific actions(Show/Hide, Move, Resize, Scroll to) to create a visual movement effect.

To define an animation you may define the duration in milliseconds (ms) and select an easing function.

An easing function describes an animation's execution through time. For instance the "easeInQuart" easing function progresses slowly at the beginning and accelerates the effect to the end.

linear

swing

easeInQuad

easeOutQuad

easeInOutQuad

easeInCubic

easeOutCubic

easeInOutCubic

easeInQuart

easeOutQuart

easeInOutQuart

easeInQuint

easeOutQuint

easeInOutQuint

easeInSine

easeOutSine

easeInOutSine

easeInExpo

easeOutExpo

easeInOutExpo

easeInCirc

easeOutCirc

easeInOutCirc

easeInElastic

easeInOutElastic

easeInBack

easeOutBack

easeInOutBack

easeInBounce

easeOutBounce

easeInOutBounce