KvadrantEasing

Metro's timing, from the WinJS animation library and the Windows Phone Toolkit.

Only the curves something here uses. Two of them are exponential rather than cubic-bezier and have no bezier equivalent, so they are the formula.

Properties

Link copied to clipboard

exponential(1): the rotate transition's transform, gentler than anything else here.

Link copied to clipboard

ExponentialEase { EasingMode = EaseIn, Exponent = 1 }: the last third of a progress dot.

Link copied to clipboard

exponentialIn(15): the snap of a ToggleSwitch, and Swivel's forward-out.

Link copied to clipboard

exponentialIn(6): a page leaving on the turnstile.

Link copied to clipboard

ExponentialEase { EasingMode = EaseInOut } with no Exponent set, which is Silverlight's default of 2 — the curve the context menu's zoom runs on.

Link copied to clipboard

exponentialInOut(4): a ListPicker opening. The context menu uses ExponentialInOut2.

Link copied to clipboard

exponentialOut(15): the ToggleSwitch's snap, straight out of the Toolkit's template.

Link copied to clipboard

exponentialOut(6): the Windows Phone canon for things settling into place.

Link copied to clipboard

The curve behind roughly four fifths of the WinJS library.

Link copied to clipboard

sineOut: the rotate's opacity, which fades evenly while the transform accelerates.