Skip to content

Instantly share code, notes, and snippets.

@lucasdidthis

lucasdidthis/google_material_design_easing.css

Last active October 19, 2021 20:33
Show Gist options
  • Save lucasdidthis/7380cc63968554fd79a010a789d69f09 to your computer and use it in GitHub Desktop.
Save lucasdidthis/7380cc63968554fd79a010a789d69f09 to your computer and use it in GitHub Desktop.
Download ZIP
Google Material Design Easings (via https://material.io/design/motion/speed.html#easing)
Raw
google_material_design_easing.css
Standard easing (Outgoing Easing: 40%, Incoming Easing: 80%):
cubic-bezier(0.4, 0.0, 0.2, 1);
Decelerate easing (Outgoing Easing: 0%, Incoming Easing: 80%):
cubic-bezier(0.0, 0.0, 0.2, 1);
Accelerate easing (Outgoing Easing: 40%, Incoming Easing: 0%):
cubic-bezier(0.4, 0.0, 1, 1);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment