Skip to content

Instantly share code, notes, and snippets.

@jaredpalmer
Created March 10, 2015 12:43
Show Gist options
  • Save jaredpalmer/2108724f0624560deec8 to your computer and use it in GitHub Desktop.
Save jaredpalmer/2108724f0624560deec8 to your computer and use it in GitHub Desktop.
Material Design Framer Curves
MaterialCurve = "cubic-bezier(0.2, 0.0, 0.2, 1)"
MaterialTime = "0.6"
# The curve above is eyeballed to fit this particular case.
# The recommended material curves from google.com/design/spec are:
# MaterialCurveFastOutSlowIn = "cubic-bezier(0.4, 0.0, 0.2, 1)"
# MaterialCurveLinearOutSlowIn = "cubic-bezier(0.0, 0.0, 0.2, 1)"
# MaterialCurveFastOutLinearIn = "cubic-bezier(0.4, 0.0, 1, 1)"
# MaterialCurveSpringSimulation = "spring(260,30,0,0.01)"
Framer.Defaults.Animation =
curve: MaterialCurve
time: MaterialTime
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment