Share via


Easing Functions in the JavaScript API

Microsoft Silverlight will reach end of support after October 2021. Learn more.

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

What are Easing Functions?

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.

Easing Functions for Keyframe Animations

EasingDoubleKeyFrame

EasingPointKeyFrame

EasingColorKeyFrame

Easing Function Properties

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

Easing Function Types

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.