转换时css转换翻转禁用点击事件

时间:2013-11-27 09:06:41

标签: html css click transition

当您悬停时,通过翻转图像进行转换 但是在转换的0.6s内你不能使用与点击相关的事件,在图像停止旋转后你点击它就可以了。

点击操作只是<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;

}

1 个答案:

答案 0 :(得分:0)

容器必须具有绝对位置!