Export (0) Print
Expand All

Easing Functions in the JavaScript API

Silverlight

Silverlight includes an animation classification known as easing functions. This topic documents the availability of easing functions for JavaScript API in Silverlight.

The principle behind easing functions is that the timeline of the animation is altered by a function. Easing functions are available to the JavaScript API. However, you can only use only the existing easing animation types and functions (you cannot define a custom easing function in JavaScript, you must use managed code to define your own easing function.)

For more information about easing functions, see "Easing Functions" section in the topic Animation Overview.

Rather than documenting as individual API pages in the JavaScript API for Silverlight Reference, the various types and properties used for the easing functions are listed here in this topic. The links from this topic refer to the topics in the .NET Framework Library for Silverlight (managed code) section, which often contain remarks or XAML-only samples that are relevant for either managed API or JavaScript API usages.

These properties are set as property elements on an animation, with the value being one of the easing function types (listed in the following section).

ColorAnimation.EasingFunction

PointAnimation.EasingFunction

DoubleAnimation.EasingFunction

EasingColorKeyFrame.EasingFunction

EasingDoubleKeyFrame.EasingFunction

EasingPointKeyFrame.EasingFunction

Some of the easing functions have one or more properties/attributes that influence their behavior, which are listed in the Properties column of the following table. Any such property is settable in the JavaScript API as well.

BackEase

Amplitude

BounceEase

Bounces

Bounciness

CircleEase

CubicEase

ElasticEase
ExponentialEase
PowerEase
QuadraticEase
QuarticEase
QuinticEase
SineEase

Community Additions

ADD
Show:
© 2014 Microsoft