中移互联网：方言王者PK赛
案例：方言王者PK赛
出品：中移互联网
亮点：
- 策划上，图文展示类+录音测试类。这款h5是由中移互联网为庆祝成立两周年所打造的一款h5，屏幕的左上方挂着中移互联网的logo，右上网挂着大大的2周年，表现出成立两周年的用意。① 用户通过选择自己喜欢的方言进行方言祝福展示。② 通过录制上传自己的祝福语音进行PK测试。③ 上传自己的祝福录音，得出自己的测试结果，并可以参与抽奖活动。
- 设计上，可爱手绘风格。① 以深蓝色作为页面的背景色，以红色和黄色作为花带小细节的颜色，两者颜色互相衬托。② 浅红色的小牛拿着麦克风显示出一种可爱风格。
- 技术上，在小牛动作动画特效上采用CSS3中的Animation和Transform技术相结合的方式进行实现。
技术实现： jQuery
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分10秒
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
