徐晓

（无锡机电高等职业技术学校，无锡214028）

0 引言

Flash 曾经是用户欣赏视频短片、玩在线游戏时经常使用的播放技术之一，也是复杂动画效果的领导者。但是在可靠性、安全性、性能方面存在问题而饱受质疑。随着时代的发展，JavaScript 等工具将替代Flash，成为了制作动画的另一个制作工具。螳螂捕蝉黄雀在后，进入移动互联网时代之后，HTML5+CSS3 替代JavaScript 作为主要制作工具来实现常见的动画效果。它是可以真正做到网页表现与内容分离的一种样式设计语言。前端设计师们都知晓CSS3 提供了很多新的特性，包括2D、3D 动画特性。CSS3 的出现可以使网页增加很多动画元素，让网页效果变得非常生动有趣且更加易于交互。在CSS3 中除了引入动画、滤镜特效和新的布局技术以外，在选择器方面也有所增加，以往在JavaScript 才能完成的工作，现在用CSS3 技术也可以达到效果。本文分享一个非常炫酷的用CSS 技术模拟万有引力定律的苹果树动画案例。把真实的项目引进课堂，就会激发学生的学习兴趣，它炫酷的效果可以给学生带来非常好的体验，也更加能吸引学生学习。然而CSS3 动画毫不疑问也不是万能的，由于它特有的一些局限性，不可能百分百实现全部的动画效果。但是CSS3 代码简单、高效等优势让设计师爱不释手，它将会成为未来Web 动画的主流。

1 动画技术的比较

Flash 的优点是制作很多复杂的动画的话，还是用Flash 制作相对要简单一些，使用代码也很少，但它要安装Flash Player 播放器。JS 动画的优点在于动画效果丰富和动画控制能力较好，对动画过程中的开始、暂停、回放、中止、取消等都可以很好地进行控制。……