An example showing the various kinds of transition-timing-functions

The divs below all transition over 4 seconds to 50ems. Each div has a different transition-timing-function so will accelerate and decelerate at different speeds. They will all reach 50 ems at the same time.

ease:

linear:

ease-in:

ease-out:

ease-in-out: