Namespace: Animation

WinJSContrib.UI. Animation

Members

<static> Animation.Easings

Properties:
Name Type Default Description
easeInQuad cubic-bezier(0.550, 0.085, 0.680, 0.530)

Quad ease in

easeInCubic cubic-bezier(0.550, 0.055, 0.675, 0.190)

Cubic ease in

easeInQuart cubic-bezier(0.895, 0.030, 0.685, 0.220)

Quart ease in

easeInQuint cubic-bezier(0.755, 0.050, 0.855, 0.060)

Quint ease in

easeInSine cubic-bezier(0.470, 0.000, 0.745, 0.715)

Sine ease in

easeInExpo cubic-bezier(0.950, 0.050, 0.795, 0.035)

Expo ease in

easeInCirc cubic-bezier(0.600, 0.040, 0.980, 0.335)

Circ ease in

easeInBack cubic-bezier(0.600, -0.280, 0.735, 0.045)

Back ease in

easeOutQuad cubic-bezier(0.250, 0.460, 0.450, 0.940)

Quad ease out

easeOutCubic cubic-bezier(0.215, 0.610, 0.355, 1.000)

Cubic ease out

easeOutQuart cubic-bezier(0.165, 0.840, 0.440, 1.000)

Quart ease out

easeOutQuint cubic-bezier(0.230, 1.000, 0.320, 1.000)

Quint ease out

easeOutSine cubic-bezier(0.390, 0.575, 0.565, 1.000)

Sine ease out

easeOutExpo cubic-bezier(0.190, 1.000, 0.220, 1.000)

Expo ease out

easeOutCirc cubic-bezier(0.075, 0.820, 0.165, 1.000)

Circ ease out

easeOutBack cubic-bezier(0.175, 0.885, 0.320, 1.275)

Back ease out

easeInOutQuad cubic-bezier(0.455, 0.030, 0.515, 0.955)

Quad ease in-out

easeInOutCubic cubic-bezier(0.645, 0.045, 0.355, 1.000)

Cubic ease in-out

easeInOutQuart cubic-bezier(0.770, 0.000, 0.175, 1.000)

Quart ease in-out

easeInOutQuint cubic-bezier(0.860, 0.000, 0.070, 1.000)

Quint ease in-out

easeInOutSine cubic-bezier(0.445, 0.050, 0.550, 0.950)

Sine ease in-out

easeInOutExpo cubic-bezier(1.000, 0.000, 0.000, 1.000)

Expo ease in-out

easeInOutCirc cubic-bezier(0.785, 0.135, 0.150, 0.860)

Circ ease in-out

easeInOutBack cubic-bezier(0.680, -0.550, 0.265, 1.550)

Back ease in-out

Source:

Methods

<static> enterGrow(elements, options)

enter and shrink animation

Parameters:
Name Type Description
elements Object

element or array of elements

options WinJSContrib.UI.AnimationOptions

options like delay, easing

Source:

<static> enterPage(elements, options)

configurable page enter effect

Parameters:
Name Type Description
elements Object

element or array of elements

options WinJSContrib.UI.AnimationOptions

options like delay, easing

Source:

<static> enterShrink(elements, options)

enter and shrink animation

Parameters:
Name Type Description
elements Object

element or array of elements

options WinJSContrib.UI.AnimationOptions

options like delay, easing

Source:

<static> exitGrow(elements, options)

exit and grow animation

Parameters:
Name Type Description
elements Object

element or array of elements

options WinJSContrib.UI.AnimationOptions

options like delay, easing

Source:

<static> exitShrink(elements, options)

exit and shrink animation

Parameters:
Name Type Description
elements Object

element or array of elements

options WinJSContrib.UI.AnimationOptions

options like delay, easing

Source:

<static> fadeIn(elements, options)

configurable fade in

Parameters:
Name Type Description
elements Object

element or array of elements

options WinJSContrib.UI.AnimationOptions

options like delay, easing

Source:

<static> fadeOut(elements, options)

configurable fade out

Parameters:
Name Type Description
elements Object

element or array of elements

options WinJSContrib.UI.AnimationOptions

options like delay, easing

Source:

<static> pageExit(elements, options)

configurable page exit effect

Parameters:
Name Type Description
elements Object

element or array of elements

options WinJSContrib.UI.AnimationOptions

options like delay, easing

Source:

<static> shrinkAndFall(elements, options)

shrink and fall animation

Parameters:
Name Type Description
elements Object

element or array of elements

options WinJSContrib.UI.AnimationOptions

options like delay, easing

Source:

<static> slideFromBottom(elements, options)

configurable slide effect

Parameters:
Name Type Description
elements Object

element or array of elements

options WinJSContrib.UI.AnimationOptions

options like duration, delay, easing

Source:

<static> slideFromLeft(elements, options)

configurable slide effect

Parameters:
Name Type Description
elements Object

element or array of elements

options WinJSContrib.UI.AnimationOptions

options like duration, delay, easing

Source:

<static> slideFromRight(elements, options)

configurable slide effect

Parameters:
Name Type Description
elements Object

element or array of elements

options WinJSContrib.UI.AnimationOptions

options like duration, delay, easing

Source:

<static> slideFromTop(elements, options)

configurable slide effect

Parameters:
Name Type Description
elements Object

element or array of elements

options WinJSContrib.UI.AnimationOptions

options like duration, delay, easing

Source:

<static> slideToBottom(elements, options)

configurable slide effect

Parameters:
Name Type Description
elements Object

element or array of elements

options WinJSContrib.UI.AnimationOptions

options like duration, delay, easing

Source:

<static> slideToLeft(elements, options)

configurable slide effect

Parameters:
Name Type Description
elements Object

element or array of elements

options WinJSContrib.UI.AnimationOptions

options like duration, delay, easing

Source:

<static> slideToRight(elements, options)

configurable slide effect

Parameters:
Name Type Description
elements Object

element or array of elements

options WinJSContrib.UI.AnimationOptions

options like duration, delay, easing

Source:

<static> slideToTop(elements, options)

configurable slide effect

Parameters:
Name Type Description
elements Object

element or array of elements

options WinJSContrib.UI.AnimationOptions

options like duration, delay, easing

Source:

<static> tabEnterPage(elements, options)

animation for tab exit

Parameters:
Name Type Description
elements Object

element or array of elements

options WinJSContrib.UI.AnimationOptions

options like duration, delay, easing

Source:

<static> tabExitPage(elements, options)

animation for tab exit

Parameters:
Name Type Description
elements Object

element or array of elements

options WinJSContrib.UI.AnimationOptions

options like duration, delay, easing

Source: