SCSS -将转换添加到后元素
SCSS -将转换添加到后元素
提问于 2019-01-19 11:46:44
我想增加过渡到后元素悬停，问题是，这是无效的。我想悬停在图像上，并在上面添加背景颜色，并在.5s上应用转换。内容仅供测试。
.imageGallery1 {
box-sizing: border-box;
height: 100%;
width: 100%;
position: relative;
&:hover {
&::after {
content: '>';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: $main-color;
opacity: 0.3;
transition: 0.5s;
}
}
}回答 2
Stack Overflow用户
回答已采纳
发布于 2019-01-21 11:23:07
我做了这样的事而且成功了！
& a {
position: relative;
display: inline-block;
height: 100%;
z-index: 1090;
&::after {
content: '>';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: $main-color;
opacity: 0;
transition: 0.5s opacity;
cursor: pointer;
}
&:hover::after {
opacity: 0.3;
}
}Stack Overflow用户
发布于 2019-01-19 11:56:38
在https://codepen.io/anon/pen/MZNjeZ中，假设.imageGallery1容器具有维度(width__，height)，这样它就可以扩展到它的100%中，它看起来工作得很好。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54266736
复制相关文章
相似问题
腾讯云开发者
