现在市面上H5页面免费模板制作工具多不胜数，这显然是方便了很多非专业设计师设计制作H5页面。但是，很多模板工具上的作品大部分还停留在左飞入右飞出的初级阶段，看多了真心腻歪，大妹砸觉得动效如无美感还不如看静态的。
那H5里有哪些高级动效呢？大妹砸就从国内所有优秀H5页面作品，为你整理出以下几个H5页面特效。如果我们的H5作品能用上其中一两个，相信定会增色不少！
模拟现实中的水、火、雾、气等效果由各种三维软件开发的制作模块，原理是将无数的单个粒子组合使其呈现出固定形态，借由控制器，脚本来控制其整体或单个的运动，模拟出现真实的效果。
过程：构造新图容器—>隐藏原图—>生成一张张是碎裂小图—>boom 爆炸！
普通的dom元素，制作圆滑曲线基本是不可能的，根据以往的积累，我们是可以通过svg中的<path>来描绘贝塞尔曲线，达到实现圆滑曲线的效果。所以，采用svg来制作整个类水滴的索引组件是很好的解决办法。
序列帧动画
逐帧动画类似与电影的播放模式，很适合于表演细腻的动画。例如：头发及衣服的飘动、走路等等。序列帧动画是只在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画，例如W的经典案例。
Cinemagraphic
Cinemagraphic是一项将神奇的局部运动赋予静态照片的新技术。该应用恰到好处地了诠释了“自然风”的概念，作为互动者的人们，当看到画面上被风拂过的Cinemagraphic动态场景，他们也身临其境地感受到自然风所能带来的这种清爽感受。
全景特效
杜蕾斯“美术馆”的创新，在于它其实是热门广告形式H5页面的伪装。“我们想要通过多重手段（比如馆内的彩蛋、12 点闭馆无法访问等等）来创造一个虚拟的真实空间，而不是传统H5的单线程教育的逻辑。” Socialab 杜蕾斯组的负责人说，“液体主义群展将是杜蕾斯美术馆无数展览中的第一个。”
3D特效
例如康师傅这款名为“2015最飞羊的新年祝福”夜空繁星中题字灯笼飞来飞去的3D炫目效果，祝福灯笼还可以360旋转呈现，“最飞羊的新春祝愿”的主题表现的淋漓精致。
点击碎屏
最有名的莫过于大众点评给复仇者联盟做的那款”这个陌生来电你敢接吗“了。“点击屏幕”画面好像很讨人喜欢，大概有三轮左右的“击碎”动作，这是整个H5的互动高峰。另外手机来电也应用到了很多H5的功能上。
长按逐字
前段时间韩寒代言的1加手机出品的一款名叫“1步1步看清韩寒”的H5就是很好的代表。这个页面用打字机的形式呈现，触发逐字等动效很真实，用户按下按钮后，纸片会逐渐显示出韩寒从1999年起的成长轨迹。
当然大妹砸讲的这些都是众多特效当中的一小部分，我们在制作出品H5的同时也在不断的创新，更多新技术的面世也为H5发展的无限可能信给出更多的空间。创推工厂也在不断的摸索进取，定会用更多创意，特效为客户带来更好的服务。
那么想做H5就赶快联系创推吧
↓↓↓
