Skip to content

AnimationCurve

Inherits: Enum

Animation curves.

Properties

Properties#

BOUNCE_IN = 'bounceIn' class-attribute instance-attribute #

Easing that enters with a bounce effect.

BOUNCE_IN_OUT = 'bounceInOut' class-attribute instance-attribute #

Easing that bounces both at the beginning and the end.

BOUNCE_OUT = 'bounceOut' class-attribute instance-attribute #

Easing that exits with a bounce effect.

DECELERATE = 'decelerate' class-attribute instance-attribute #

Starts quickly, then slows down toward the end.

EASE = 'ease' class-attribute instance-attribute #

Standard symmetric ease-in/ease-out curve.

EASE_IN = 'easeIn' class-attribute instance-attribute #

Starts slowly and accelerates.

EASE_IN_BACK = 'easeInBack' class-attribute instance-attribute #

Ease-in curve with a slight initial backward overshoot.

EASE_IN_CIRC = 'easeInCirc' class-attribute instance-attribute #

Circular ease-in curve.

EASE_IN_CUBIC = 'easeInCubic' class-attribute instance-attribute #

Cubic ease-in curve.

EASE_IN_EXPO = 'easeInExpo' class-attribute instance-attribute #

Exponential ease-in curve.

EASE_IN_OUT = 'easeInOut' class-attribute instance-attribute #

Symmetric ease-in/ease-out curve.

EASE_IN_OUT_BACK = 'easeInOutBack' class-attribute instance-attribute #

Ease-in/ease-out curve with overshoot near both ends.

EASE_IN_OUT_CIRC = 'easeInOutCirc' class-attribute instance-attribute #

Circular ease-in/ease-out curve.

EASE_IN_OUT_CUBIC = 'easeInOutCubic' class-attribute instance-attribute #

Cubic ease-in/ease-out curve.

EASE_IN_OUT_CUBIC_EMPHASIZED = 'easeInOutCubicEmphasized' class-attribute instance-attribute #

Material 3 emphasized cubic ease-in/ease-out curve.

EASE_IN_OUT_EXPO = 'easeInOutExpo' class-attribute instance-attribute #

Exponential ease-in/ease-out curve.

EASE_IN_OUT_QUAD = 'easeInOutQuad' class-attribute instance-attribute #

Quadratic ease-in/ease-out curve.

EASE_IN_OUT_QUART = 'easeInOutQuart' class-attribute instance-attribute #

Quartic ease-in/ease-out curve.

EASE_IN_OUT_QUINT = 'easeInOutQuint' class-attribute instance-attribute #

Quintic ease-in/ease-out curve.

EASE_IN_OUT_SINE = 'easeInOutSine' class-attribute instance-attribute #

Sinusoidal ease-in/ease-out curve.

EASE_IN_QUAD = 'easeInQuad' class-attribute instance-attribute #

Quadratic ease-in curve.

EASE_IN_QUART = 'easeInQuart' class-attribute instance-attribute #

Quartic ease-in curve.

EASE_IN_QUINT = 'easeInQuint' class-attribute instance-attribute #

Quintic ease-in curve.

EASE_IN_SINE = 'easeInSine' class-attribute instance-attribute #

Sinusoidal ease-in curve.

EASE_IN_TO_LINEAR = 'easeInToLinear' class-attribute instance-attribute #

Transitions from ease-in motion into linear motion.

EASE_OUT = 'easeOut' class-attribute instance-attribute #

Starts quickly and decelerates to the end.

EASE_OUT_BACK = 'easeOutBack' class-attribute instance-attribute #

Ease-out curve with trailing overshoot.

EASE_OUT_CIRC = 'easeOutCirc' class-attribute instance-attribute #

Circular ease-out curve.

EASE_OUT_CUBIC = 'easeOutCubic' class-attribute instance-attribute #

Cubic ease-out curve.

EASE_OUT_EXPO = 'easeOutExpo' class-attribute instance-attribute #

Exponential ease-out curve.

EASE_OUT_QUAD = 'easeOutQuad' class-attribute instance-attribute #

Quadratic ease-out curve.

EASE_OUT_QUART = 'easeOutQuart' class-attribute instance-attribute #

Quartic ease-out curve.

EASE_OUT_QUINT = 'easeOutQuint' class-attribute instance-attribute #

Quintic ease-out curve.

EASE_OUT_SINE = 'easeOutSine' class-attribute instance-attribute #

Sinusoidal ease-out curve.

ELASTIC_IN = 'elasticIn' class-attribute instance-attribute #

Elastic spring-like ease-in curve.

ELASTIC_IN_OUT = 'elasticInOut' class-attribute instance-attribute #

Elastic spring-like ease-in/ease-out curve.

ELASTIC_OUT = 'elasticOut' class-attribute instance-attribute #

Elastic spring-like ease-out curve.

FAST_LINEAR_TO_SLOW_EASE_IN = 'fastLinearToSlowEaseIn' class-attribute instance-attribute #

Starts linear and then eases into a slower end.

FAST_OUT_SLOWIN = 'fastOutSlowIn' class-attribute instance-attribute #

Material motion curve: quick start, gentle finish.

LINEAR = 'linear' class-attribute instance-attribute #

Constant speed with no easing.

LINEAR_TO_EASE_OUT = 'linearToEaseOut' class-attribute instance-attribute #

Starts linear and transitions to an ease-out tail.

SLOW_MIDDLE = 'slowMiddle' class-attribute instance-attribute #

Slows in the middle section of the animation.