潭柘寺:皇家第一寺-潭柘寺

2017-05-09 H5案例分享 H5案例分享
潭柘寺:皇家第一寺-潭柘寺

案例:皇家第一寺-潭柘寺

出品:潭柘寺

亮点:

  1. 策划上,图文展示类,墨滴滴落,晕染出皇家第一寺-潭柘寺,然后可点击佛家代表——莲花的花瓣,去沐禅风、赏四季、品历史、听传说,再然后还可点击“摸鱼祈福”,摸摸石鱼,石鱼幻化成红色鲤鱼,鲤鱼游啊游,书简出现,而后可在在书简中输入自己的祝福,传递给朋友们。
  2. 设计上,水墨风格,采用棕黄色作为主色调,墨色和红色作为辅色调,佛教的象征——莲花作为主题元素,在辅以金佛、和尚、经书等元素,极富佛教气息。
  3. 技术上, 案例里面的动画主要采用CSS3的animation来实现的。



技术实现: jQuery


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

识别图中二维码

皇家第一寺-潭柘寺-查阅二维码




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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

自然堂:自然堂 白出晶采 活出晶采

美剧《权利的游戏》的H5宣传案例 —这一幕你期待已久

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~