Todo movimiento tiene una velocidad! y dado que las animaciones, transformaciones y transiciones son movimientos, es necesario especificar de alguna manera su velocidad. Para esto, usamos la función bezier. 

En CSS, la curva bezier está definida por 4 puntos: P0, P1, P2 y P3. Los puntos P0 y P3 están fijos en un plano de coordenadas y son el inicio y el fin de la curva. Es decir, P0 es la coordenada (0,0) y P3 es la coordenada (1,1). Por otro lado, los puntos P1 y P2 son móviles y actúan como radios en el plano de coordenadas. En efecto, la función bezier toma las coordenadas de estos dos puntos (P1 y P2):

bezier ( P1_x, P1_y, P2_x, P2_y )

Mas allá de los aspectos matemáticos, lo importante en CSS es que la curva Bezier puede recrear todos las velocidades de movimiento: linear, ease, ease-in, ease-out, ease-in-out. y estas velocidades son las que aplicaremos a las transformaciones, animaciones y transiciones. Cada velocidad tiene una dinámica, por ejemplo:

• ease ( lento el inicio , entonces rápido y termina lentamente) es equivalente a bezier (0.25, 0.1, 0.25, 1)
• linear (constante), es equivalente a bezier (0,0,1,1)