adidas鞋子的H5宣传案例——adidas Originals
案例:型 无限
出品:adidas
亮点:
策划上,拼接字母的方式,展示品牌与用户的互动
视觉上,纯深色背景,搭配五彩缤纷的动感元素
交互上,所有都是点击方式交互。千万别被第一屏的向下箭头迷惑,不是滑屏切换屏幕。点击“型 无限”,切换到第二屏
技术上,动画主要采用js,设置图片的位置和透明度达到动画的效果。还有一小部分动画,使用的是CSS3中的animation
技术实现: canvas + jQuery
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
关注微信号:h5-share,获取更多牛逼H5案例分享!
微信扫一扫
关注该公众号
收藏