淘宝外卖：春眠不觉晓，春困很烦恼

2017-05-17 H5案例分享 H5案例分享

案例：春眠不觉晓，春困很烦恼

出品：淘宝外卖

亮点：

策划上，外卖类，春天来了，上班期间困倦异常，这时主管突然驾到，给你五种提神方式你会选择哪种？点击自己选择的提神方式即可查看，所选择的提神方式将产生什么样的最终结果；最后给出正确的提神方式——睡眠不够，午休来凑，点个外卖多睡一会，当然啦，也可重新再次选择提神方式。
设计上，漫画风格，采用棕色作为主色调，里面的小人形象好可爱啊，胖嘟嘟、萌哒哒~~~
交互上，尾屏的二维码在微信壳下识别出链接地址，需复制后使用浏览器才能正常访问。
技术上，里面的动画主要采用的是CSS3的animation。

技术实现： JavaScript

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

春眠不觉晓，春困很烦恼-查阅二维码

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签