CSS3 animations keyframes

keyframes.css

/* We are defining the "timeline" of the animation,
 * each line representing a keyframe.
 */
@-moz-keyframes bounce {
  /* Translate the element 400px to the right */
  /* Here we are animating "-moz-tranform",
   * but most CSS properties can be animated:
   * width, color, font-size, box-shadow, ...
   */
  from { -moz-transform: translate(0px);   }
  60%  { -moz-transform: translate(400px); }
  /* and then bounce twice */
  73%  { -moz-transform: translate(360px); }
  86%  { -moz-transform: translate(400px); }
  93%  { -moz-transform: translate(380px); }
  to   { -moz-transform: translate(400px); }
}