HTML and CSS Reference
In-Depth Information
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
moving.