现在位置首页 / 前端开发 /正文

html5图片墙--模拟蜂巢式扁平化图片样式

作者: IT小兵 | 2014年8月6日| 热度:℃ | 评论: |参与:

在博客院看到一个文章不错。分享给大家。

先看效果图:


IE支持不是很好。Chrome Firefox都可以

百度网盘下载地址:链接: http://pan.baidu.com/s/1dDCdoFR    密码: sj4a


几个月前浏览过一个外国的扁平化网站,里面的正六边形图片很炫酷,给了我很深的印象,这两天试着做了下。

废话不多说,奉上我的随兴之作!

 

看到这里,我想先说一句:MH的猎友们!请!顶!我!

六边形的图片墙,它的好处在哪呢?普通正方形的图片排版起来比较死板,没有新意。而正六边形的图片不仅显得很炫酷,而且还有其特殊的规则感。

有的人肯定会说了,我直接拿PS切一个出来不就好了?干嘛还要用代码写?答案就是当你把框架写好了,只需要更换图片地址url即可,而不需要每一张都要处理,关键是代码也比较简单。


参考地址:

http://www.cnblogs.com/ghost-xyx/p/3788438.html

点击阅读本文所属分类的更多文章: 前端开发 。和高手一起交流:346717337
友荐云推荐

未注明转发、原文均为本站原创。分享本文请注明 原文链接

给您更多信息和帮助

在这里您可以找到更多:

技术交流群:346717337 Jquery插件交流

投稿:suchso@vip.qq.com

承接:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/业务咨询

抢天猫双11红包
推荐使用阿里云服务器
echarts教程系列
本月最热文章

微信扫一扫,徜徉悠嘻网,您的休闲乐园

微信公众号:快乐每一天

随机文章
标签

技术交流群:346717337

投稿:suchso@vip.qq.com

专业专注:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/付费问题咨询