MI 小米:小米6周年
案例:小米6周年
出品:MI 小米
亮点:
-
策划上,图文展示类。进入案例,点击“开启旅程”,即可开始了解小米6周年成长史。每页均有一段文字介绍与配图,下方是一个齿轮,拨动齿轮可以翻页观看介绍内容,齿轮转动时背景图片也会移动。观看完可以填写联系方式享受官网下单优惠,最后一页可以选择分享或重新观看。
-
设计上,背景是璀璨的太空环境,会缓缓的移动,给用户一种在遨游的感觉。拨动齿轮时,背景也会再滑动一下。背景内容十分丰富,哪怕结束观看文字内容了,慢慢的还能看到一下很美的星球。
-
体验上,很不错的企业文化介绍案例,哪怕光用来看风景也是相当不错的!
技术实现: Zepto + CSS3(Animation)
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号