title: What do the arguments to CSS3's animation-timing-function cubic-bezier() mean?
body: <p>You pass <code>cubic-bezier</code> four different real number values, it creates a bezier curve.</p>
  
  <p>For instance, <code>cubic-bezier(0,0,1,1)</code> creates a <code>linear</code> curve. <code>cubic-bezier(0.25,0.1,0.25,1)</code> creates an <code>ease</code> curve. </p>
  
  <p>But <a href="https://en.wikipedia.org/wiki/B%C3%A9zier_curve#Cubic_B.C3.A9zier_curves" rel="nofollow">a cubic bezier curve is defined by four points on a plane</a>, and we only have four real values, which would only describe two points. </p>
  
  <p>So what do these numbers mean? </p>