Mengniu 蒙牛：Moon Milk首款太空牛奶诞生

2016-07-12 H5案例分享 H5案例分享

案例：Moon Milk首款太空牛奶诞生

出品：Mengniu 蒙牛

亮点：

策划上，动态图文展示类。模拟了动态的日报，每页逐字加载一段文字，完毕后页面动画开始循环播放，来介绍“全球首款太空牛奶”的诞生过程。
设计上，虽然只是简单的翻页展示，但页面切换效果很不错，每页内容载入时的动画效果也很流畅，案例欣赏部分可以跳转到各案例的页面，返回上一页回来时，还是在跳转前的位置，背景音乐也很轻松愉快让人心情舒畅。
技术上，逐帧动画的效果主要采用了CSS3的Animation来实现。
体验上，小编有点同情那个被转来转去的牛，它们好可怜。

技术实现： TweenMax(动画框架) + jQuery + CreateJS + CSS3(Animation)

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

识别图中二维码

Moon Milk首款太空牛奶诞生-查阅二维码

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

标签