当鼠标悬停但不移动时，转换后的图像不会保持可见状态？

-1

我有我的课程页面here，在这里我使用CSS对图片进行三维变换以将图片放大并进行过渡。当我悬停时，问题就出现了，而且它应该在转换完成后消失，除非鼠标在仍然悬停时移动。当鼠标悬停但不移动时，转换后的图像不会保持可见状态？

我已经尝试过这些事情，以确保没有闪烁：

transform: translateZ(0); 
    -webkit-transform: translateZ(0);

和

-webkit-backface-visibility: hidden; 
    backface-visibility: hidden;

但没有什么是固定的。

来源

2017-08-10 Robofan

我看了你的代码，你不需要设置transform3D和缩放3D，只需使用变换和缩放。所以你的图片在悬停时不会隐藏 –

您需要重新定义你的CSS为：

div.regionarticle figure:hover, div.regionarticle figure:active { 
    width: 30%; 
    float: right; 
    transform: translate3d(-180px, 80px, 0px) scale(2, 2); 
}

您目前有scale3d（2,2，0），但doesn't exist。

来源

2017-08-10 07:36:55 Gerard

CSS :hover只能在鼠标仍在鼠标悬停元素时运行，这是如何工作的。

如果您想通过悬停开始放大并继续到最后，无论鼠标位置如何，您都可以使用CSS动画。

来源

2017-08-10 08:13:00

当鼠标悬停但不移动时，转换后的图像不会保持可见状态？

回答

相关问题