UC小说:UC小说《元尊:执笔少年》

2018-01-16 H5案例分享 H5案例分享
UC小说:UC小说《元尊:执笔少年》


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

识别图中二维码

UC小说《元尊:执笔少年》-查阅二维码

完整欣赏此案例大约需要1分钟10秒


案例:UC小说《元尊:执笔少年》

出品:UC小说

亮点:

  1. 策划上,视频类,加载完成后,进入页面,“点击开灯”,进入一段58秒的视频,内容首先是“昔日的荣华 如白云苍狗”、“复仇之路 风雨潦草”、“少年执笔 能否问鼎苍穹”引出电视剧《元尊:执笔少年》画面,为《元尊:执笔少年》上映做宣传, 可点击进入uc小说《元尊:执笔少年》页,也可以分享。
  2. 设计上,采用黑色作为主色调,视频中文字的处理采用燃烧效果,电视剧画面的添加,使得整体呈现出一种大气磅礴。视频开始竖屏,后来转换为横屏 。
  3. 交互上,基本上都是点击,进行视频的播放,比较简单。
  4. 技术上,使用了CSS3的animation()实现了页面的动画效果。



技术实现: Js+video+react.js



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

标签

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

相关推荐:

UC浏览器:朋友圈的戏精 终于有人戳穿了

UC小说:UC小说《元尊:执笔少年》

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~