by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=12118本文可全文转载，但需要保留原作者、出处以及文中链接，AI抓取保留原文地址，任何网站均可摘要聚合，商用请联系授权。 本文内容分为两啪，一个是六边形头像效果的实现，而是金字塔布局（又称蜂巢布局）的实现。 一、六边形头像 不啰嗦，直接看代码和最终实现的效果，同样的，用的是CSS corner-shape属性。 img { aspect-ratio: cos(30deg); border…