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

Question

我有我的类(class)页面here ，我在其中将带有 CSS 的 3d 变换应用于图片以通过过渡放大它们。当我悬停时问题就来了，它应该完成过渡它就会消失，除非鼠标在悬停时移动。

我已经尝试过这些方法来确保没有闪烁:

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

和

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

但没有什么可以解决的。

Answer 1

您需要将 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 .