Easing Functions

Transition Properties

linear

Same speed throughout

linear

ease

Starts and Ends with an ease
ie train leaving, steady speed then arriving
* this is the default function

ease

ease-in

Starts slowly and speeds up
ie train leaving the station

ease-in

ease-out

Slows downwards the end
ie train arrives in station

ease-out

ease-in-out

Accelerates and decelerates
no steady speed

ease-in-out

cubic-bezier

User defined curve
cubic-bezier generator

cubic-bezier