网易：粽子报告咸粽比甜粽难消化

2016-07-07 H5案例分享 H5案例分享

案例：粽子报告咸粽比甜粽难消化

出品：网易

亮点：

策划上，报告类，采用具体数据展现了① 北方人喜食的枣粽重量与一碗米饭重量相当、热量与一罐330ml的百事可乐热量相当，而且北方人往往将红枣高温烹饪，破坏了红枣里富含的维生素C，吃的时候喜欢蘸着白糖，无形中加大热量；② 南方人喜食肉粽，加猪油，无形中摄入过多油脂
设计上，采用棕红色作为主色调，采用波浪花纹做背景，契合端午除了吃粽子外另一盛事——赛龙舟
技术上，整体动画主要采用CSS3的transform和transition

技术实现： Zepto

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

识别图中二维码

粽子报告咸粽比甜粽难消化-查阅二维码

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签