html - css transform flip 在转换时禁用点击事件

Question

当你悬停时，转换是通过翻转图像来工作的，
但是在转换的 0.6 秒内，您不能使用与点击相关的事件，在图像停止旋转后您点击 Ant 它工作。

点击 Action 只是一个<a href> .

为什么会这样？

.flip:hover{
    transition: 0.6s;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;

}

Answer 1

容器必须有绝对位置!