如何用CSS做六边形图片/蜂巢形图集（详解）

目标效果： 要达到蜂巢形的图集展示，实质上就是做六边形图片。 实现思路： 1.一个大div内有两个子div，分别将两个div顺时针和逆时针旋转60度，形成六边形； 2.给三个div加同一个背景，调节背景大小和位置，使得三张图片完全重合，形成六边形图片效果。 第一步：画出3个div 第二步：①给1一个div加同一个背景图片并调节位置，大小尔给另外两个div也加上背景，并调节角度 ③调节背景图片位置，

>>阅读原文<<