HTML and CSS Reference
As you go past the halfway point, ease-in-out has accelerated and is
ahead of linear .
Toward the end of the transition, ease-in is starting to catch up with
the rest; remember, all five transitions take 20 seconds to complete.
The non- linear transition timings often appear more natural—things
tend to accelerate and decelerate rather than suddenly start and stop