Skip to content

Instantly share code, notes, and snippets.

@jonobr1
Created May 12, 2021 14:43
Show Gist options
  • Save jonobr1/0f81bbbea80be4048679a7bb89f0ca3e to your computer and use it in GitHub Desktop.
Save jonobr1/0f81bbbea80be4048679a7bb89f0ca3e to your computer and use it in GitHub Desktop.
A collection of Easing functions to be used in your LESS projects
@easeInSine: cubic-bezier(0.12, 0, 0.39, 0);
@easeOutSine: cubic-bezier(0.61, 1, 0.88, 1);
@easeInOutSine: cubic-bezier(0.37, 0, 0.63, 1);
@easeInQuad: cubic-bezier(0.11, 0, 0.5, 0);
@easeOutQuad: cubic-bezier(0.5, 1, 0.89, 1);
@easeInOutQuad: cubic-bezier(0.45, 0, 0.55, 1);
@easeInCubic: cubic-bezier(0.32, 0, 0.67, 0);
@easeOutCubic: cubic-bezier(0.33, 1, 0.68, 1);
@easeInOutCubic: cubic-bezier(0.65, 0, 0.35, 1);
@easeInQuart: cubic-bezier(0.5, 0, 0.75, 0);
@easeOutQuart: cubic-bezier(0.25, 1, 0.5, 1);
@easeInOutQuart: cubic-bezier(0.76, 0, 0.24, 1);
@easeInQuint: cubic-bezier(0.64, 0, 0.78, 0);
@easeOutQuint: cubic-bezier(0.22, 1, 0.36, 1);
@easeInOutQuint: cubic-bezier(0.83, 0, 0.17, 1);
@easeInExpo: cubic-bezier(0.7, 0, 0.84, 0);
@easeOutExpo: cubic-bezier(0.16, 1, 0.3, 1);
@easeInOutExpo: cubic-bezier(0.87, 0, 0.13, 1);
@easeInCirc: cubic-bezier(0.55, 0, 1, 0.45);
@easeOutCirc: cubic-bezier(0, 0.55, 0.45, 1);
@easeInOutCirc: cubic-bezier(0.85, 0, 0.15, 1);
@easeInBack: cubic-bezier(0.36, 0, 0.66, -0.56);
@easeOutBack: cubic-bezier(0.34, 1.56, 0.64, 1);
@easeInOutBack: cubic-bezier(0.68, -0.6, 0.32, 1.6);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment