Ease-in-out curve

An ease-in-out curve starts slowly, speeds up in the middle and slows again before it stops. It suits elements that move from one place to another while staying on screen.

The two halves do not need to match. Google’s Material Design suggests speeding up quickly and taking longer to slow down, which makes movement feel responsive and smooth.

Not everything moves smoothly in real life, though. The last two motion types, spring and bounce, add some playful physics.