adidas鞋子的H5宣传案例——adidas Originals

2015-11-24 H5案例分享 H5案例分享

案例:型 无限

出品:adidas

亮点:

  1. 策划上,拼接字母的方式,展示品牌与用户的互动

  2. 视觉上,纯深色背景,搭配五彩缤纷的动感元素

  3. 交互上,所有都是点击方式交互。千万别被第一屏的向下箭头迷惑,不是滑屏切换屏幕。点击“型 无限”,切换到第二屏

  4. 技术上,动画主要采用js,设置图片的位置和透明度达到动画的效果。还有一小部分动画,使用的是CSS3中的animation



技术实现: canvas + jQuery


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

识别图中二维码







关注微信号:h5-share,获取更多牛逼H5案例分享!



微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~