vuetify/src/util/easing-patterns.js

Vue.js 2 Semantic Component Framework

// linear
export const linear = t => t
// accelerating from zero velocity
export const easeInQuad = t => t * t
// decelerating to zero velocity
export const easeOutQuad = t => t * (2 - t)
// acceleration until halfway, then deceleration
export const easeInOutQuad = t => (t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t)
// accelerating from zero velocity
export const easeInCubic = t => t * t * t
// decelerating to zero velocity
export const easeOutCubic = t => --t * t * t + 1
// acceleration until halfway, then deceleration
export const easeInOutCubic = t => t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1
// accelerating from zero velocity
export const easeInQuart = t => t * t * t * t
// decelerating to zero velocity
export const easeOutQuart = t => 1 - --t * t * t * t
// acceleration until halfway, then deceleration
export const easeInOutQuart = t => (t < 0.5 ? 8 * t * t * t * t : 1 - 8 * --t * t * t * t)
// accelerating from zero velocity
export const easeInQuint = t => t * t * t * t * t
// decelerating to zero velocity
export const easeOutQuint = t => 1 + --t * t * t * t * t
// acceleration until halfway, then deceleration
export const easeInOutQuint = t => t < 0.5 ? 16 * t * t * t * t * t : 1 + 16 * --t * t * t * t * t