For up to date documentation and features, visit http://docs.sencha.com/ext-js/4-0

Sencha Documentation

This class contains a series of function definitions used to modify values during an animation. They describe how the intermediate values used during a transition will be calculated. It allows for a transition to change speed over its duration. The following options are available:

  • linear The default easing type
  • backIn
  • backOut
  • bounceIn
  • bounceOut
  • ease
  • easeIn
  • easeOut
  • easeInOut
  • elasticIn
  • elasticOut
  • cubic-bezier(x1, y1, x2, y2)

Note that cubic-bezier will create a custom easing curve following the CSS3 transition-timing-function specification http://www.w3.org/TR/css3-transitions/.transition-timing-function_tag. 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.