css六边形蜂窝布局

最近的网页用到了蜂窝型图片的布局，这里整理下相关内容。

关键字：honeycomb grid、responsive hexagon grid layout

原理目前有两种主流形式：

1、使用div旋转然后 hidden 部分区域

2、使用 clip-path 裁剪

相关代码：

相关文章：

1、Building a hexagonal grid using CSS grid

2、HOW TO CREATE PURE CSS HEXAGONAL GRIDS