Skip to content

Instantly share code, notes, and snippets.

@narirou
Last active January 25, 2019 12:57
Show Gist options
  • Save narirou/32f321a5ed30ec01c029 to your computer and use it in GitHub Desktop.
Save narirou/32f321a5ed30ec01c029 to your computer and use it in GitHub Desktop.
Cubic-Bezier Easing Collections for Velocity.js
module.exports = {
easeIn: 'ease-in',
easeOut: 'ease-out',
easeInOut: 'ease-in-out',
snap: [0.000, 1.000, 0.500, 1.000],
linear: [0.250, 0.250, 0.750, 0.750],
easeInQuad: [0.550, 0.085, 0.680, 0.530],
easeInCubic: [0.550, 0.055, 0.675, 0.190],
easeInQuart: [0.895, 0.030, 0.685, 0.220],
easeInQuint: [0.755, 0.050, 0.855, 0.060],
easeInSine: [0.470, 0.000, 0.745, 0.715],
easeInExpo: [0.950, 0.050, 0.795, 0.035],
easeInCirc: [0.600, 0.040, 0.980, 0.335],
easeInBack: [0.600,-0.280, 0.735, 0.045],
easeOutQuad: [0.250, 0.460, 0.450, 0.940],
easeOutCubic: [0.215, 0.610, 0.355, 1.000],
easeOutQuart: [0.165, 0.840, 0.440, 1.000],
easeOutQuint: [0.230, 1.000, 0.320, 1.000],
easeOutSine: [0.390, 0.575, 0.565, 1.000],
easeOutExpo: [0.190, 1.000, 0.220, 1.000],
easeOutCirc: [0.075, 0.820, 0.165, 1.000],
easeOutBack: [0.175, 0.885, 0.320, 1.275],
easeInOutQuart: [0.770, 0.000, 0.175, 1.000],
easeInOutQuint: [0.860, 0.000, 0.070, 1.000],
easeInOutSine: [0.445, 0.050, 0.550, 0.950],
easeInOutExpo: [1.000, 0.000, 0.000, 1.000],
easeInOutCirc: [0.785, 0.135, 0.150, 0.860],
easeInOutBack: [0.680,-0.550, 0.265, 1.550]
};
// EXAMPLE
// require: browserify, jQuery, jquery-velocity.js
var easings = require( './easings' );
$( '#element' ).velocity({ width: 50 }, easings.easeOutExpo );
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment