美的：Freestyle_H5案例分享

美的：Freestyle

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

案例：Freestyle

出品：美的

亮点：

策划上，宣传“美的家电”（1）“美的嘻哈城”3D标题居中，下方是本案例的活动FREESTYLE，还有一个大音响和freestyle的人们。（2）点击治愈不开心，提示上传头像或者画头像，上传或者画完之后会生成人物开始来段freestyle，freestyle结束后提示抖抖手机换个搭档继续开始freestyle，全部结束则显示美的电器宣传页。（3）吸尘器专场，微波炉专场，厨电专场，点击对应专场会跳转到购买页面，跑去生成图片则会从上传图片开始继续。
设计上，动画风格。
技术上，CSS3的transform动画。

技术实现： iH5工具类。

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

识别图中二维码

Freestyle-查阅二维码

完整欣赏此案例大约需要2分20秒

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