MI 小米:小米6周年

2016-08-09 H5案例分享 H5案例分享
MI 小米:小米6周年

案例:小米6周年

出品:MI 小米

亮点:

  1. 策划上,图文展示类。进入案例,点击“开启旅程”,即可开始了解小米6周年成长史。每页均有一段文字介绍与配图,下方是一个齿轮,拨动齿轮可以翻页观看介绍内容,齿轮转动时背景图片也会移动。观看完可以填写联系方式享受官网下单优惠,最后一页可以选择分享或重新观看。

  2. 设计上,背景是璀璨的太空环境,会缓缓的移动,给用户一种在遨游的感觉。拨动齿轮时,背景也会再滑动一下。背景内容十分丰富,哪怕结束观看文字内容了,慢慢的还能看到一下很美的星球。

  3. 体验上,很不错的企业文化介绍案例,哪怕光用来看风景也是相当不错的!



技术实现: Zepto + CSS3(Animation)


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

识别图中二维码

小米6周年-查阅二维码




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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

在行 & 小米:小米联合在行活动宣传H5:寻找90后斜杠青年

小米MAX发布预热H5:大屏手机就是小米MAX群

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~