Keep：生成你的专属离线头像
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要30秒
案例：生成你的专属离线头像
出品：Keep
亮点：
- 策划上，模仿电脑聊天框为主，进入一段代码，在聊天框里与好友聊天说下线跑步去了，然后就开始怀念以前随时下线的时代，而如今被迫24小时在线，若想从网络世界消失一小时，那么可以来生成你的专属灰色（运动、看书、防控、睡觉、吃饭、保密、自定义）头像，确定后，还可以定制文案，把自己想说的话，写到上面。
- 设计上，颜色以灰黑白为主色调，体现十年前的电脑上网聊天情景。
- 交互上，点击文字会加快显示，选项卡的显示隐藏。
- 体验上，原来十年前的聊天框，现在看到会很吸引人，而且现在的世界，每个人手机都24小时在手，如果可以那下线一小时可以让自己的世界平静下来。
技术实现： Webpack
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
