Question

我正在学习使用CSS3 Transforms。我在下面创建了一个演示，它显示了可见图层下面的一部分图层。

将鼠标悬停在显示的图层上时，我希望它仍然可见，但此刻它会导致显示的图层关闭。

Answer 1

尝试在over悬停时以及使用兄弟选择器background

悬停~时应用它

.over:hover, .background:hover ~ .over {
   transform: translateX(-200px);
   transition: all 0.3s ease-in-out 0s;
}