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

Question

所以我找到了一个带有图像的六边形响应网格的资源。有谁知道如何在同一编码中更改悬停动画？我试图将其更改为简单的水平平铺翻转悬停动画，而不会尽可能地更改现有代码，谢谢！

我的存储库：https://github.com/MargauxShraiman/bellashraiman/ 原始网站：https://github.com/web-tiki/responsive-grid-of-hexagons 我想模仿的动画：https://davidwalsh.name/demo/css-flip.php

    /*** HOVER EFFECT ************************************************/
    .hexLink:hover h1, .hexLink:focus h1,
    .hexLink:hover p, .hexLink:focus p{
        -webkit-transform:translate3d(0,0,0);
        -ms-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
    }

Answer 1

如果你申请：

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

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