先说明一下,在看本篇文章之前,请确定你使用的是Chrome或者是firefox浏览器.IE家族效果不敢保证~~
前两天在大前端那里看到的一篇文章,讲的是如何用css3写一个读者墙.我看了demo,非常给力.很喜欢.就收藏了下来.
今天考完了万恶的英语,所以打算弄点东西.就把那个css3的代码拿过来了.但是我原来用的读者墙里面 有那个血条显示.我感觉那个创意非常好,不忍心丢掉.所以我就修改了一下.将血条显示和css读者墙弄在了一起.下面是我弄完的效果(鼠标放上就可以看到效果了.呵呵).完整的效果可以去读者墙看看去.呵呵. 相比之下,这个读者墙才是真正的给力!!
注:Chrome效果最好.有想不到的惊喜哟~~Firefox就弱了点.但是基本上无影响. IE最差劲了,会使得那个血条跑到最上面去,但是还好,没发现有错位的情况. ~~所以换完浏览器再来看吧.
大前端原文地址:点击此处