微赛：奥运决赛日程表
案例：奥运决赛日程表
出品：微赛
亮点：
- 策划上， 图文结合类，微赛借着里约奥运做一波宣传，第一屏显示奥运会各种比赛项目的小图片，环绕在屏幕的四周，给他们加了animation动画效果。点击按钮进入第二屏，宽屏展示各个比赛项目，使用了重力感应，转动手机切换屏幕观看，点击比赛项目名称，弹出一个遮罩层，显示对应的赛程信息：比赛项目名称、日期、时间及明星选手
- 设计上，卡通风格，艳丽的色彩，体现青春、活力、运动
- 交互上，点击、滑屏或者旋转手机
技术实现： js + animation动画 + 重力感应
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
