还在纠结网站中flash怎么做的？别折腾了，那玩意儿早死透了。这篇文章直接告诉你现在怎么搞出那种酷炫的动效，不整虚的，只讲能落地的干货。
先泼盆冷水。Flash早就凉了，Adobe官方都停更好几年了。你要是现在还有人教你用Flash CS6做网站特效，直接拉黑，那是想让你返工。浏览器都不支持了，你做出来的东西在手机上根本打不开，那叫自嗨。
那现在网站中flash怎么做的？其实大家心里想要的不是Flash，是那种丝滑的动画效果。现在的技术栈，要么用CSS3，要么用Canvas，要么上WebGL。对于大多数中小站长来说，别一上来就搞什么Three.js，门槛太高，容易劝退。咱们从最简单的说起。
第一种方案，最稳妥的，用CSS3动画。这玩意儿兼容性好，加载快。你只需要写几个关键帧，比如旋转、缩放、透明度变化。代码量不大，而且不用JS也能跑。适合做那种简单的图标动效，或者导航栏的下拉菜单。
第二种方案，稍微高级点，用JavaScript配合Canvas。这个适合做那种需要大量交互的特效。比如粒子效果，鼠标移过去会散开的那种。代码稍微多点，但控制力极强。你可以精确控制每一个像素的运动轨迹。这就是现在所谓的“类Flash”体验的核心。
第三种方案，如果你实在不想写代码，或者时间紧任务重，那就用现成的库。GSAP（GreenSock Animation Platform）是个好东西。它封装了很多复杂的动画逻辑，你只需要调用几个API，就能做出很专业的动画。很多大厂都在用，稳定，文档全，社区活跃。
别一听代码就头大。其实逻辑很简单。先定义一个容器，比如一个div。然后给这个div加上样式。最后用JS去改变它的属性。比如改变它的left值，它就往右跑；改变它的opacity，它就变透明。就这么简单。
很多人问，网站中flash怎么做的才能既好看又不卡？关键在性能。别在动画里搞太多复杂的滤镜，别频繁操作DOM。尽量用transform和opacity，这两个属性浏览器有硬件加速，跑得飞快。其他的属性，比如width、height，能不用就不用，一用就卡。
还有，别忽视移动端。现在多少流量来自手机？你做的特效在电脑上看着挺帅，一到手机上就崩了，那等于白做。记得加个媒体查询，或者用JS判断设备类型，低端机直接降级，展示静态图片也行。
再说说素材。别自己去画，太累。去那些素材网站找现成的SVG或者PNG序列帧。SVG矢量图，放大缩小不失真，代码里直接嵌进去就能动。PNG序列帧，就是一连串图片，用JS控制它们快速切换，看起来就像动画一样。这种方法虽然笨，但有效，适合新手。
最后，心态要稳。别总想着一步到位做出好莱坞大片的效果。先从一个小按钮的hover效果开始练手。做出来了，有成就感了，再慢慢加复杂度。技术这东西，就是练出来的。
总结一下，别怀念Flash，拥抱HTML5。用CSS3做简单动效，用Canvas或WebGL做复杂交互，用GSAP库提高效率。记住，用户体验第一，性能第二，花哨第三。
你要是还在那儿死磕Flash插件，那就真out了。现在的环境，谁快谁赢。代码写得简洁点，页面加载快点，用户留存率高点，这才是正经事。别为了炫技而炫技，最后坑的是自己。
好了，思路给到了，剩下的看你动手能力。去试试吧，遇到坑了再来查，那才是进步最快的方式。别光看不练，眼高手低最要命。
