此刻市情上有一大宗HTML5页面模板制做器械，尽管便利了许多非专科策画师制做HTML5页面。然则不得不吐槽的是，许多模板器械平台上的做品大部份还逗留在左飞入右飞出的低级境地，想感触真实精巧的高等殊效，这10个专科人士的做品不得不看咯。
本文来自优设协做媒体数英网。
1.粒子殊效星际传说：这是摸索天地的门票
百度百科：为摹拟实际中的水、火、雾、气等功效由各样三维软件开辟的制做模块，道理是将多数的单个粒子组合使其展现出停止状态，借由管束器，足素来管束其集体或单个的疏通，摹拟涌现的确的功效。
2.SVG门路动画元小望：SVG研习NO.1_刻画寂寞
简而言之，便是让SVG的描边像是有人绘制相同的动画功效。动画轻盈不失真，独特适当那些倾心简单策画格调的网页。
3.序列帧动画公众点评：咱们之间惟独一个字
百度百科：序列帧动画是只在时光轴的每帧上逐帧绘制不同的实质，使其络续播放而成动画。由于逐帧动画的帧序列实质不相同，不只给制做增添了承担况且终究输出的文献量也很大，但它的上风也很显然：逐帧动画具备独特大的柔软性，险些也许展现任何想展现的实质，而它相像与片子的播放体例，很适当于扮演细腻的动画。譬喻：人物或动物赶紧回身、头发及衣服的泛动、步行、措辞以及精美的3D功效等等。
.全线性动画腾讯UP大会：性命之下，设想之上
全线性动画也许知道为动画络续，险些不连续播放，像视频相同通顺细腻。
这支HTML5页面打垮了保守幻灯片式的展现方法，塑造出了一种宽敞、素雅、僻静的集体感触，该做品也被许多人推许为HTML5里的动画片。
5.CinmagraphicLvi’s:“换”醒你的夏季
甚么是Cinmgraphic？假使你不懂得，就有点OUT了。顾名思义，Cinma是片子影相，Graph是图片，Cinmagraphic是一项将奇特的个别疏通付与静态相片的新技巧。
个中Cinmagraphic的运用恰到长处地了评释了“当然风”的观点，只见画面上，人物的头发和衣角飞翔着，俨然吹拂着一阵阵当然风，在炎炎暑日，他们依然感触着风凉，潇洒顽耍。做为互动者的人们，当看到画面上被风拂过的Cinmagraphic动态场景，他们也设身处地地感触到当然风所能带来的这类风凉感触。
底下说说和交相互关的动画殊效。
6.全景杜蕾斯的第一座美术馆
假造全景美术馆的观点并不新鲜。其始祖该当是Googl的ArtProjct，让你也许在线阅读全天下大普遍博物馆和美术馆。杜蕾斯“美术馆”的改变，在于它原来是热点广告体例HTML5页面的伪装。“咱们想要经过量重权谋（譬喻馆内的彩蛋、12点闭馆没法走访等等）来发明一个假造的的确空间，而不是保守HTML5的单线程教学的逻辑。”Socialab杜蕾斯组的负责人说，“液体主义群展将是杜蕾斯美术馆多数展览中的第一个。”
7.3D康师父：最飞羊的新春祝贺
庆贺灯笼也许转动展现，况且具备夜空繁星中题字灯笼飞来飞去的3D夺目功效，彰显“最飞羊的新春祝贺”。个满意趣和精巧地址，恐非文字所能表述。
8.点击碎屏公众点评：这个生疏来电你敢接吗？
“点击屏幕”不新鲜，然则这类屏幕击碎的画面似乎也独特讨人爱好，大约有三轮左右的“击碎”行为，这是全部HTML5的互动顶峰。觉察这类“屏幕敲击”的通例行为独特有惯性，点一点就停不下来。是不是捉住了手机族的某些“胁迫症”特色。
9.长按逐字韩寒再谈一加：1步1步看清韩寒
全部HTML5页面用打字机的体例展现，跟着用户按下按钮，纸片会慢慢显示出韩寒从年起，为人熟知或不知的生长轨迹。触发逐字等动效很有的确感。
10.滑动触发腾讯视频：这一幕你期望已久
长页HTML5，滑动触鼓动效，和笨拙的幻灯片形状的HTML5页面拉开了间隔。Epub尽管能完结启发效带触发的长页，然则当前有时还不能完结这类滑动触鼓动画。
原文住址