1. CSS 提供了一个 cubic-bezier()函数，
    2. 允许我们指定自定义的调速函数。它接受四个参数，分别代表两个控制锚点的坐标值：
    4. cubic-bezier(x1, y1, x2, y2)
    5. 曲线片断的两个端点分别固定在(0,0) 和 (1,1)
    6. 前者是整个过渡的起点（时间进度为零，动画进度为零）
    7. 后者是终点（时间进度为 100%，动画进度为 100%）
    1. @keyframes bounce {
    2.  60%, 80%, to {
    3.  transform: translateY(400px);
    4.  animation-timing-function: ease;
    5.  }
    6.  70% { transform: translateY(300px); }
    7.  90% { transform: translateY(360px); }
    8. }
    9. .ball {
    10.  /* 外观样式 */
    11.  animation: bounce 3s cubic-bezier(.1,.25,1,.25);
    12. }