天山网：快来阻止他
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要4分
案例：快来阻止他
出品：天山网
亮点：
- 策划上，公益视频类，加载完成后，点击页面进入一段视频，视频内容是一个环卫工人打扫完成， 等待检查后，回家吃饭。此时出现转折，有人开始在地上扔垃圾，页面出现“拖动屏幕阻止他的不良行为”提示，规定时间内未完成滑动，界面进入环卫工阿姨无奈再次打扫的画面；如果完成页面滑动 ，则进入另一段视频，阿姨及时赶回家。为了让环卫工回家吃上热乎乎的饭，我们要阻止不文明行为。
- 设计上，主体是一段真实的视频，让人印象深刻，教育意味十足。
- 交互上，通过是否及时左右滑动屏幕，修改视频播放的起始点，比较新颖。
- 技术上，使用CSS3的transform属性，实现了图片文字的3D 转换效果。
技术实现： ih5工具+js+video
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
