简单的css3代码实现图片六角形旋转效果

清华大佬耗费三个月吐血整理的几百G的资源,免费分享!....>>>

<div class="container">
	<div class="hex" style="background-image: url(images/2.jpg);">		
		<a href="http://www.sucaiweb.com"></a>		
		<div class="corner-1"></div>
		<div class="corner-2"></div>		
	</div>
	
	<div class="hex" style="background-image: url(images/3.jpg);">		
		<a href="http://www.sucaiweb.com"></a>
		<div class="corner-1"></div>
		<div class="corner-2"></div>		
	</div>
	
	<div class="hex" style="background-image: url(images/4.jpg);">		
		<a href="http://www.sucaiweb.com"></a>		
		<div class="corner-1"></div>
		<div class="corner-2"></div>		
	</div>
	
	<div class="hex" style="background-image: url(images/5.jpg);">		
		<a href="http://www.sucaiweb.com"></a>		
		<div class="corner-1"></div>
		<div class="corner-2"></div>		
	</div>
	
	<div class="hex hex-gap" style="background-image: url(images/6.jpg);">		
		<a href="http://www.sucaiweb.com"></a>		
		<div class="corner-1"></div>
		<div class="corner-2"></div>		
	</div>
	
	<div class="hex" style="background-image: url(images/7.jpg);">		
		<a href="http://www.sucaiweb.com"></a>		
		<div class="corner-1"></div>
		<div class="corner-2"></div>		
	</div>
	
	<div class="hex" style="background-image: url(images/8.jpg);">		
		<a href="http://www.sucaiweb.com"></a>		
		<div class="corner-1"></div>
		<div class="corner-2"></div>		
	</div>	
	
	<div class="hex" style="background-image: url(images/9.jpg);">		
		<a href="http://www.sucaiweb.com"></a>		
		<div class="corner-1"></div>
		<div class="corner-2"></div>		
	</div>
	
	<div class="hex" style="background-image: url(images/10.jpg);">		
		<a href="http://www.sucaiweb.com"></a>	
		<div class="corner-1"></div>
		<div class="corner-2"></div>		
	</div>	
	
	<div class="hex" style="background-image: url(images/11.jpg);">		
		<a href="http://www.sucaiweb.com"></a>		
		<div class="corner-1"></div>
		<div class="corner-2"></div>		
	</div>
	
	<div class="hex" style="background-image: url(images/12.jpg);">		
		<a href="http://www.sucaiweb.com"></a>		
		<div class="corner-1"></div>
		<div class="corner-2"></div>		
	</div>