CSS3 变换以显示下层

标签 css css-selectors css-transforms

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

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

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

最佳答案

尝试在 over 悬停时应用它,当 background 悬停时使用兄弟选择器 ~

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

有关 CSS 选择器的更多信息,this is a great and informative article

关于CSS3 变换以显示下层,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20555181/

相关文章:

css - 在 Chrome 用户代理样式表中,2px = 0em 是如何实现的?

javascript - 通过变换旋转和更改文本来调整宽度 div

css - 为什么 IE10 不显示嵌套的 CSS3 3D 转换元素?

html - CSS 视差适用于 Chrome,但不适用于 Firefox?

php - 除最后一行外的中心 float

html - 为什么类 ="btn btn-default"而不是只有类 ="btn-default"

javascript - 自定义 css 选择框的几个问题 -

具有某些子元素的元素的 CSS?

css - 简单的 css :before:hover not working? CSSlint 没有错误?

javascript - 检查元素是否是父元素的子元素