SineEase SineEase SineEase SineEase Class


Represents an easing function that creates an animation that accelerates and/or decelerates using a sine formula.

public : sealed class SineEase : EasingFunctionBase, ISineEasepublic sealed class SineEase : EasingFunctionBase, ISineEasePublic NotInheritable Class SineEase Inherits EasingFunctionBase Implements ISineEase// This API is not available in Javascript.
<SineEase .../>
Windows 10 requirements
Device family
Windows 10 (introduced v10.0.10240.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v1)

Inherited Members

Inherited methods

Inherited properties


This XAML example applies a SineEase easing function to a DoubleAnimation to create a decelerating animation.

<StackPanel x:Name="LayoutRoot" >
        <Storyboard x:Name="myStoryboard">
            <DoubleAnimation From="1" To="6" Duration="00:00:3" 
                    <SineEase EasingMode="EaseOut"/>

    <Rectangle PointerPressed="Pointer_Clicked" 
     Fill="Blue" Width="200" Height="30">
            <ScaleTransform x:Name="rectScaleTransform" />

// When the user clicks the rectangle, the animation
// begins. 
private void Pointer_Clicked(object sender, PointerRoutedEventArgs e)
' When the user clicks the rectangle, the animation
' begins. 
Private Sub Pointer_Clicked(ByVal sender As Object, ByVal e As PointerRoutedEventArgs)
End Sub


SineEase is an easing function that has a function-over-time formula that resembles a sine curve when represented as a function-time graph. When EasingMode is EaseIn (the default), this easing function starts slow and accelerates gradually as it reaches the end. It reaches about 30% value halfway through the duration.

The formula used for this function is:

Formula of f(t) equals 1 minus sin times (1-t) times Pi over 2

An easing function can be applied to the EasingFunction properties of From/To/By animations, or to the EasingFunction properties of key-frame types used for the Easing variants of key-frame animations. For more info, see Key-frame animations and easing function animations.


SineEase() SineEase() SineEase() SineEase()

Initializes a new instance of the SineEase class.

public : SineEase()public SineEase()Public Sub New()// This API is not available in Javascript.

See Also