Skip to content

Instantly share code, notes, and snippets.

@JBlackCat
Last active July 31, 2017 23:03
Show Gist options
  • Save JBlackCat/36f010e39cfffe894e4d1ec89dfd0982 to your computer and use it in GitHub Desktop.
Save JBlackCat/36f010e39cfffe894e4d1ec89dfd0982 to your computer and use it in GitHub Desktop.
Object containing common css easing functions for setting animation-timing-function's via JS.
'use strict';
// Reference: http://easings.net
module.exports = {
'linear': 'linear',
'ease': 'ease',
'ease-in': 'ease-in',
'ease-out': 'ease-out',
'ease-in-out': 'ease-in-out',
'step-start': 'step-start',
'setp-end': 'step-end'
'easeInQuad': 'cubic-bezier(0.550, 0.085, 0.680, 0.530)',
'easeInCubic': 'cubic-bezier(0.550, 0.055, 0.675, 0.190)',
'easeInQuart': 'cubic-bezier(0.895, 0.030, 0.685, 0.220)',
'easeInQuint': 'cubic-bezier(0.755, 0.050, 0.855, 0.060)',
'easeInSine': 'cubic-bezier(0.470, 0.000, 0.745, 0.715)',
'easeInExpo': 'cubic-bezier(0.950, 0.050, 0.795, 0.035)',
'easeInCirc': 'cubic-bezier(0.600, 0.040, 0.980, 0.335)',
'easeInBack': 'cubic-bezier(0.600, -0.280, 0.735, 0.045)',
'easeOutQuad': 'cubic-bezier(0.250, 0.460, 0.450, 0.940)',
'easeOutCubic': 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',
'easeOutQuart': 'cubic-bezier(0.165, 0.840, 0.440, 1.000)',
'easeOutQuint': 'cubic-bezier(0.230, 1.000, 0.320, 1.000)',
'easeOutSine': 'cubic-bezier(0.390, 0.575, 0.565, 1.000)',
'easeOutExpo': 'cubic-bezier(0.190, 1.000, 0.220, 1.000)',
'easeOutCirc': 'cubic-bezier(0.075, 0.820, 0.165, 1.000)',
'easeOutBack': 'cubic-bezier(0.175, 0.885, 0.320, 1.275)',
'easeInOutQuad': 'cubic-bezier(0.455, 0.030, 0.515, 0.955)',
'easeInOutCubic': 'cubic-bezier(0.645, 0.045, 0.355, 1.000)',
'easeInOutQuart': 'cubic-bezier(0.770, 0.000, 0.175, 1.000)',
'easeInOutQuint': 'cubic-bezier(0.860, 0.000, 0.070, 1.000)',
'easeInOutSine': 'cubic-bezier(0.445, 0.050, 0.550, 0.950)',
'easeInOutExpo': 'cubic-bezier(1.000, 0.000, 0.000, 1.000)',
'easeInOutCirc': 'cubic-bezier(0.785, 0.135, 0.150, 0.860)',
'easeInOutBack': 'cubic-bezier(0.680, -0.550, 0.265, 1.550)'
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment