如何用CSS做六邊形圖片/蜂巢形圖集（詳解）

目標效果： 要達到蜂巢形的圖集展示，實質上就是做六邊形圖片。 實現思路： 1.一個大div內有兩個子div，分別將兩個div順時針和逆時針旋轉60度，形成六邊形； 2.給三個div加同一個背景，調節背景大小和位置，使得三張圖片完全重合，形成六邊形圖片效果。 第一步：畫出3個div 第二步：①給1一個div加同一個背景圖片並調節位置，大小爾給另外兩個div也加上背景，並調節角度 ③調節背景圖片位置，

>>阅读原文<<