CSS六边形网格-更改悬停动画

所以我找到了一个有图像的六边形响应网格的资源。有人知道如何用相同的编码更改悬停动画吗？我正在尝试将其更改为一个简单的水平平铺翻转悬停动画，而无需尽可能多地更改现有代码，谢谢

我的存储库： 原始网站： 我想模仿的动画：

如果应用此选项：

li.hex {
   transform: rotateY(180deg);
   transition: transform .2s ease-out;
}

---

每个六边形在悬停时都应旋转180°。

可能没有成功，但到目前为止您尝试了什么？并定义变化。改成什么？我一直在看css代码和他如何组织他的JS，但我不知道是什么命令控制动画。。。如果这有道理的话。我想把它改成一个简单的翻转，就像这里看到的：**悬停效果*********************************************************************************************************************************************************************/.hexLink:HOVER h1，.hexLink:HOVER p，.hexLink:focus p{-webkit transform:translate3d0,0；-ms transform:translated0,0；transform:translated0,0；，耶，}，就是那个地方。但是改变，改变到什么？好吧，编辑你的问题，发布你的代码和你的尝试，我们将看看我们能做什么：是的，你必须把另一张卡片背靠背地放在一起，就像大卫·沃尔什的教程中解释的那样。

li.hex {
   transform: rotateY(180deg);
   transition: transform .2s ease-out;
}