javascript抛物投栏（抛物线实践）

平面内，到定点与定直线的距离相等的点的轨迹叫做抛物线。水平抛物线就是水平匀速，垂直加速的运动。

抛物线的性质:面内与一个定点F和一条定直线l 的距离相等的点的轨迹叫做抛物线. 定点F叫做抛物线的焦点. 定直线l 叫做抛物线的准线.

在代码中以实例模拟抛物线投栏实例：

代码：

i

但为了更好的理解css3过渡动画transition可以单一的设置每一个动画属性值图例：

过渡动画中为了控制动画速度分别提供了ease，liner，ease-in，ease-out，ease-in-out几个预设速度等同于贝塞尔曲线，还可以同过cubic-bezier（特定的贝塞尔曲线类型）来自定义速度代码图例：