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

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

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

javascript抛物投栏(抛物线实践)-LMLPHPjavascript抛物投栏(抛物线实践)-LMLPHP

javascript抛物投栏(抛物线实践)-LMLPHP

代码:

javascript抛物投栏(抛物线实践)-LMLPHP

javascript抛物投栏(抛物线实践)-LMLPHPi

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

javascript抛物投栏(抛物线实践)-LMLPHP

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

javascript抛物投栏(抛物线实践)-LMLPHP

05-07 15:57