动画已经成为页面时尚高大上的一个标准，在Android的MD设计规范里面也体会了这一点，合理利用动画会让我们的页面更加生动，体验更上一层楼，从而增加用户粘度，那么在CSS3动画诞生之前，我们在WEB应用开发里面都是怎么实现动画的?从这些实现动画的方法里面，我们是否能够联想到CSS3动画的一些原理呢?

Flash逐帧动画

就是每个时间点即帧都有不同的内容，这样动画播放的时候，因为每个帧的内容不同，从而产生动画的效果，因为需要每个帧提供不同的内容，所以对于一些复杂的动画，如果利用逐帧的方式来实现，成本非常大，于是就产生了补间动画。

Flash补间动画

就是我们仅仅提供几个关键帧的内容，然后关键帧之间的过渡效果通过一定的数学算法来进行操作，也就是由程序进行完成，这样就可以实现很多复杂的动画，比如关键帧之间通过匀加速运动、抛物线运动，y=x²的方式来运动等等。

基于JavaScript的jQuery框架动画

使用过jQuery的人都知道，它里面有几个关于动画的操作方法，比如hide、show、slideDown和slideUp等等，都是通过在特定条件下改变元素的一个或几个CSS的属性值来达到效果的。

总结

通过逐帧动画、补间动画和JavaScript框架实现的动画，我们不难看出，两个重要的概念出现在我们眼前，就是帧(关键帧)和CSS属性值，如果我们在不同的帧，对某个元素的一个或几个具备支持运动特征的CSS属性(比如width、height)给予不同的值，然后通过一定的算法完成这些不同属性值的平滑过渡，是否可以实现其动画效果呢?通过这个猜想，一些比较先进的、现代的浏览器比如Chrome、Firefox、opera和Safari等，终于实现了基于CSS的动画，只不过由于没有标准需要带一些前缀，比如-webkit和-moz及-o等，后面W3C制订了动画标准，去掉了这些私有的属性前缀。