/** * Singleton that determines how an animation proceeds from start to end. * @class Ext.fx.Easing * Easing is now calculated exclusively with the use of cubic-bezier curves and follows the * CSS3 * specification for 'transition-timing-function'. *Standard CSS3 Easing Values:
** @singleton */ Ext.ns('Ext.fx'); Ext.require('Ext.fx.CubicBezier', function() { Ext.fx.Easing = { ease: Ext.fx.CubicBezier.cubicBezier(0.25, 0.1, 0.25, 1), linear: Ext.fx.CubicBezier.cubicBezier(0, 0, 1, 1), 'ease-in': Ext.fx.CubicBezier.cubicBezier(0.42, 0, 1, 1), 'ease-out': Ext.fx.CubicBezier.cubicBezier(0, 0.58, 1, 1), 'ease-in-out': Ext.fx.CubicBezier.cubicBezier(0.42, 0, 0.58, 1), 'easeIn': Ext.fx.CubicBezier.cubicBezier(0.42, 0, 1, 1), 'easeOut': Ext.fx.CubicBezier.cubicBezier(0, 0.58, 1, 1), 'easeInOut': Ext.fx.CubicBezier.cubicBezier(0.42, 0, 0.58, 1) }; });*
- ease: The ease function is equivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0).
*- linear: The linear function is equivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0).
*- ease-in: The ease-in function is equivalent to cubic-bezier(0.42, 0, 1.0, 1.0).
*- ease-out: The ease-out function is equivalent to cubic-bezier(0, 0, 0.58, 1.0).
*- ease-in-out: The ease-in-out function is equivalent to cubic-bezier(0.42, 0, 0.58, 1.0)
*- cubic-bezier: Specifies a cubic-bezier curve. The four values specify points P1 and P2 of * the curve as (x1, y1, x2, y2). All values must be in the range [0, 1] or the definition is invalid.
*