css3模拟抛物线运动
Posted ElaineXu
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css3模拟抛物线运动相关的知识，希望对你有一定的参考价值。
今天来说下CSS3动画，目标是让一个方块做抛物线运动。主要用到的CSS3属性有animation，transform，@keyframes，transition等。
方法一：
原理：抛物线其实是水平方向的匀速运动和垂直方向的匀加速运动，所以在item外面套一个div，里面那个控制水平方向的匀速运动，速度曲线用linear，外面那个控制垂直方向的匀加速运动，速度曲线用ease-in。
|
1
以上是关于css3模拟抛物线运动的主要内容，如果未能解决你的问题，请参考以下文章 |