CSS3变换以显示下层

Question

我正在学习使用CSS3转换。我创建了下面的演示，展示了可见层下面的一部分层。

http://codepen.io/anon/pen/uFHpe

在悬停在显示层上时，我希望它保持可见，但此时它会导致显示层关闭。

Answer 1

使用同级选择器~ 在悬停over和悬停background时尝试应用它

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

有关CSS选择器的更多信息，这是一篇内容丰富的文章