自从CSS3引入了动画（transition和@keyframes，还有与之搭配的transform）之后，写动画也变的越来多越来越容易。可是当我们遇到需要利用数学公式的复杂动画时，却一筹莫展，只能怪小时候数学没学好（可能是语文老师教的）。那么问题来了，但我拿到要实现这样的需求，该如何：可能我们会去苦恼，加...

抛物线动画的原理，就是用两个元素，子元素会继承父元素的运动，将父元素在横向运动，子元素在纵向运动，子元素会形成一种双向运动。而父元素在横向上是匀速运动，子元素在纵向上是变速运动，可以使用贝塞尔曲线来定义运动，二者合成，就能出现一个曲线运动。具体的曲线，跟选择的贝塞尔函数有关，调整好，就可以形成抛物线运动。ball和af...

抛物线有很多几何性质，网上也有不少关于这些性质的推导的文章，不过几乎清一色地都是用的解析几何的方法。联立方程，导出根与系数的关系，算算算算算……但是，与同样是二次曲线的椭圆和双曲线不同，圆和抛物线的几何性质非常「好」，不用坐标法，也能推出很多结论。不过相比具有完美对称性的圆来说，抛物线还是逊...