使元素半透明但是正在盘旋的元素

时间:2016-08-11 12:44:48

标签: css3 hover

我正在尝试使用:not selector结合:hover来制作没有留下半透明的元素。

我想要实现的目标:

1)每个元素在开始时的不透明度为100%

2)当一个元素悬停时,它应该保持100%的不透明度,其余的不透明度为50%。

我尝试过类似的事情:

.news-item:not(:hover) {
    @include opacity(0.5); 
}

1 个答案:

答案 0 :(得分:0)

我会使用标准选择器将所有项目设为50%不透明,并使用:hover覆盖它以使悬停项目100%不透明。

请参阅下面的小提琴示例:

https://jsfiddle.net/25784cvg/

修改: 再看一下这个问题,那不是你要问的问题。道歉。请参阅下面更新的小提示,以获得100%不透明度的所有项目开始的示例。

https://jsfiddle.net/25784cvg/1/