华鸿•中央公园：华鸿•中央公园
案例：华鸿•中央公园
出品：华鸿•中央公园
亮点：
-
策划上，图文展示类。进入页面后，是模拟的微信公众号文章内容，有几个关于“大鱼海棠”和“大鱼海洋乐园”的动态图片和几段文字，下滑到底之后，显示“如何感动”，并且从下往上开始，观看的图片和文字会一个一个向上浮动，一直到最开始部分的屏幕中间并转动，最后会变成活动的宣传页。
-
设计上，一开始背景是模拟微信文章，内容是“大鱼海棠”和华鸿中央公园的元素，最后的页面类似宣传海报，背景也很好看。
-
体验上，起初看的时候以为是视频，没想到是用CSS3来实现，效果十分炫酷。不过，小编觉得最后的页面，配色和设计可以更好，字体样式大小都不统一看着有点乱，跟品牌字体也有点冲突。整体效果还是蛮棒的！
技术实现： jQuery + CreateJS + CSS3(Transform)
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
