css3 动画（二）贝塞尔曲线

前言

上一篇 css3 动画（一） transition 中，介绍了 transition 的用法。其中 transition 包含四个可设置的属性：

1. 有过渡效果的属性
2. 过渡时长
3. 过渡函数？
4. 过渡时延

其中，1、2 以及 4 都挺好理解的，但是 3 是个什么东西？其实 3 是 css3 中的 timing-function，其中 3 有两种类型的值：

• cubic-bezier(x1, y1, x2, y2)：立方贝塞尔曲线
• steps(number_of_steps, direction)

本篇就总结一下 cubic-bezier(x1, y1, x2, y2)：立方贝塞尔曲线

贝塞尔曲线简介

贝塞尔曲线（Bezier curve）是计算机图形学中重要的参数曲线，它通过一个方程来描述一条曲线。根据方程的最高阶数，可以分为线性贝