Elevation and motion
Three shadows, five durations and four easings. Durations collapse to zero under reduced motion.
Elevation
sm
--shadow-smmd
--shadow-mdlg
--shadow-lgMotion
| Token | CSS | Value |
|---|---|---|
motion.duration.instant | --motion-duration-instant | 0ms |
motion.duration.fast | --motion-duration-fast | 120ms |
motion.duration.normal | --motion-duration-normal | 200ms |
motion.duration.slow | --motion-duration-slow | 320ms |
motion.duration.deliberate | --motion-duration-deliberate | 480ms |
motion.easing.standard | --motion-easing-standard | cubic-bezier(0.2, 0, 0, 1) |
motion.easing.enter | --motion-easing-enter | cubic-bezier(0, 0, 0, 1) |
motion.easing.exit | --motion-easing-exit | cubic-bezier(0.4, 0, 1, 1) |
motion.easing.spring | --motion-easing-spring | cubic-bezier(0.34, 1.56, 0.64, 1) |