首页 > 代码库 > 心愿墙前端Demo

心愿墙前端Demo

一个简单的demo,使用了诸多HTML5和CSS3的特性,比如HTML5的classList API、History API等,以及CSS3的动画、变换等等。

使用各家最新的浏览器浏览就是对的了,webkit内核的最好。

 

首页还是这个风格的,我发现我已经欲罢不能了。

 

这也算是个单页应用吧,点击start进入心愿墙页面,可以查看心愿,许愿,并且点击过的会有颜色改变现实,没有做后端,如果做好后端,那么就是一个完整的应用了。

下面是一些截图。

许愿墙页面:

 

鼠标滑过心愿,像纸张翻起的效果。

 

查看心愿的详细内容:

 

许愿面板:

 

技术上倒没有多少难度,一些技术点博客里也写过。除了引用了normalize.css之外,其余都是自己写的。

 

github地址,欢迎拍砖:https://github.com/zjzhome/wishwall

 

心愿墙前端Demo