Duration
Specify how long should the animation last for.
|
Name |
Value |
|---|---|
|
transition.duration.instant |
100ms |
|
transition.duration.fast |
200ms |
|
transition.duration.medium |
400ms |
|
transition.duration.slow |
700ms |
Use slow duration when multiple elements are moving around the scene.
Use instant and fast durations for complext animations.
Use instant and fast durations when you're only changing a state of an element.
Use slow and medium transitions for interactive states.
Use medium transition when large panel is entering/leaving the scene.
Use slow transition for transitioning navigation elements to a different state, like expand/collapse mode.