长安小饭堂：长安小饭堂
案例：长安小饭堂
出品：长安小饭堂
亮点：
-
策划上，一开始通过图画和文字展示来引出对故乡味道的思念，做好铺垫，接着转入时光机页面，帮你“重返”想回到的年龄，最后引入“长安小饭堂”的宣传。
-
设计上，大背景是一张泛黄的作业纸，上面有蓝色圆珠笔的涂鸦画作为点缀，主要内容是清新风格的手绘画和文字。时光机部分的设计也很有趣，当“我的年龄”小于“想回到的年龄“，会提示“被时间警察捉到”，即不能去往“未来”。最后的页面是长安小饭堂的宣传，附有二维码。
-
交互上，图文展示部分自动播放，不能翻页；时光机部分选择相关年龄之后可以顺逆时针拨动齿轮来调整年龄。
技术实现： jQuery + CSS3(Animation)
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
