Press "Enter" to skip to content

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

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Captcha Code