因此,我需要使用CSS制作重复的六边形图案.如果需要图像,我可以去那里,但我更愿意尽可能使用CSS.
以下是我想要创建的内容:

基本上,我只需要一种方法来创建六边形形状,然后在它们上面叠加文本/图像.我还没有太多代码,因为我不确定从哪里开始.问题是,我可以使用<div>六角形的形状,如(http://css-tricks.com/examples/ShapesOfCSS/)所示,但它们不会连接.我可以使用重复的六边形图案,但后来我无法指定特定形状所需的文本或图像的确切位置.在此先感谢您的帮助.
我从互联网上加载了我网站上的多个图像.是否有可能在响应网格中为所有这些图像提供六边形?
<div>
<img src="link" class="Image">
</div>
<div>
<img src="link" class="Image">
</div>
...
Run Code Online (Sandbox Code Playgroud)
我发现了多种方法,但您需要src在CSS代码中填写图像.这对我来说是不可能的,因为网站加载来自互联网的随机图像与jQuery所以我不能使用背景图像.
我试过这个:http://jsfiddle.net/8f5m5wv0/
我想创建一个由其他圆圈包围的圆圈(没有任何动画),如下所示:

但我想建立一个phonegap应用程序,所以我不想将文件大小增加到大.
有人知道插件/方法或任何其他解决方案吗?
我在互联网上搜索,但我发现的方法是我的文件太大了.