Motion | Modal
A. Expand
Duration: 500ms
Easing: Decelerate
cubic-bezier(0.1 , 0.9 , 0.2 , 1)
Opacity:0-100
Duration: 300ms
Easing: Accelerate
cubic-bezier(0.4, 0.0, 1, 1)
Opacity:100-0
B. Slide
Duration: 500ms
Easing: Decelerate
cubic-bezier(0.1 , 0.9 , 0.2 , 1)
Opacity:0-100
Distance: 70px
Duration: 300ms
Easing: Accelerate
cubic-bezier(0.4, 0.0, 1, 1)
Opacity:100-0
Distance: 70px
C. Dissolve
Duration: 500ms
Easing: Decelerate
cubic-bezier(0.1 , 0.9 , 0.2 , 1)
Opacity:0-100
Duration: 100ms
Easing: Accelerate
cubic-bezier(0.4, 0.0, 1, 1)
Opacity:100-0
Frame Transitions
Duration: 300ms (Current Content disapears in 100ms; New Content apears in 150ms)
Easing: Standard
cubic-bezier(0.4, 0.0, 0.2, 1)
Baseline:top