Skip to content

Instantly share code, notes, and snippets.

@msrafi
Created December 10, 2014 23:22
Show Gist options
  • Save msrafi/52f91d0fc2cdfe36c28f to your computer and use it in GitHub Desktop.
Save msrafi/52f91d0fc2cdfe36c28f to your computer and use it in GitHub Desktop.
Animation easing CSS as obj
easingTable = {
linear: "linear",
swing: "ease-out",
bounce: "cubic-bezier(0,.35,.5,1.3)",
// Penner equation approximations from Matthew Lein's Ceaser: http://matthewlein.com/ceaser/
easeInQuad: "cubic-bezier(.55,.085,.68,.53)",
easeInCubic: "cubic-bezier(.55,.055,.675,.19)",
easeInQuart: "cubic-bezier(.895,.03,.685,.22)",
easeInQuint: "cubic-bezier(.755,.05,.855,.06)",
easeInSine: "cubic-bezier(.47,0,.745,.715)",
easeInExpo: "cubic-bezier(.95,.05,.795,.035)",
easeInCirc: "cubic-bezier(.6,.04,.98,.335)",
easeOutQuad: "cubic-bezier(.25,.46,.45,.94)",
easeOutCubic: "cubic-bezier(.215,.61,.355,1)",
easeOutQuart: "cubic-bezier(.165,.84,.44,1)",
easeOutQuint: "cubic-bezier(.23,1,.32,1)",
easeOutSine: "cubic-bezier(.39,.575,.565,1)",
easeOutExpo: "cubic-bezier(.19,1,.22,1)",
easeOutCirc: "cubic-bezier(.075,.82,.165,1)",
easeInOutQuad: "cubic-bezier(.455,.03,.515,.955)",
easeInOutCubic: "cubic-bezier(.645,.045,.355,1)",
easeInOutQuart: "cubic-bezier(.77,0,.175,1)",
easeInOutQuint: "cubic-bezier(.86,0,.07,1)",
easeInOutSine: "cubic-bezier(.445,.05,.55,.95)",
easeInOutExpo: "cubic-bezier(1,0,0,1)",
easeInOutCirc: "cubic-bezier(.785,.135,.15,.86)"
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment