UC:乘风一下 快人一步

案例:乘风一下 快人一步
出品:UC
亮点:
- 策划上,图文展示类,怪诞手绘画风的动物“神马“,“斑马”配以夸张字体的文案,辨识度极高,加以洗脑式的动作与背景音乐,引出UC神马搜索,让人印象深刻。
- 设计上,手绘风格,采用橘红色作为主色调,橘黄色作背景,“神马“,“斑马”等页面元素与UC神马搜索相呼应。
- 技术上,摇晃的文案文字是采用CSS3的animation结合transform做的摇晃动画,“神马“,“斑马”各种马的动画则是通过控制雪碧图形式的背景图片依次切换显示来实现的。
技术实现: Zepto + TouchJs
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

微信扫一扫
关注该公众号