Skip to content

Latest commit

 

History

History
46 lines (27 loc) · 2.78 KB

circleease.md

File metadata and controls

46 lines (27 loc) · 2.78 KB
Raw
-api-id -api-type
T:Windows.UI.Xaml.Media.Animation.CircleEase
winrt class

Windows.UI.Xaml.Media.Animation.CircleEase

-description

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

-xaml-syntax

<CircleEase .../>

-remarks

CircleEase is an easing function that has a function-over-time formula that resembles a cosine 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 15% value halfway through the duration.

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.

The formula used for this function is:

Formula of f(t) equals 1 minus square root of1 minus t squared

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.

-examples

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

[!code-xamlCircleEase]

[!code-csharpCircleEase_code]

[!code-vbCircleEase_code]

-see-also

Storyboarded animations, Key-frame animations and easing function animations, EasingFunctionBase, PowerEase, BackEase, BounceEase, CubicEase, ElasticEase, ExponentialEase, QuadraticEase, QuarticEase, QuinticEase, SineEase, QuinticEase, SineEase