gpt4 book ai didi

css - Image Greyscale with CSS & re-color on mouse-over social icons?

转载 作者:太空宇宙 更新时间:2023-11-04 08:32:29 24 4
gpt4 key购买 nike

最近对我网站上的社交图标进行了一些更改,并希望社交图标在加载帖子时变灰 here , 但是当用光标靠近它时,返回它们原来的颜色,就像我做的一样 here .我在 CSS 中搜索,但没有找到靠近按钮时悬停效果的类。目前已应用此 CSS:

.single .nc_socialPanel:not(.nc_floater):not(.nc_socialPanelSide) {
width:20%!important;
float:right!important;
filter: grayscale(100%);
}

我试着这样做:

.single .nc_socialPanel:hover(.nc_floater):hover(.nc_socialPanelSide) {
filter: grayscale(0%);
}

但什么也没改变。

有什么帮助吗?

最佳答案

:hover 不接受任何参数,即您不能将选择器放在 :hover 之后的括号中。

您的规则应如下所示:

.single .nc_socialPanel:not(.nc_floater):not(.nc_socialPanelSide):hover{
filter:grayscale(0%);
}

关于css - Image Greyscale with CSS & re-color on mouse-over social icons?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44703551/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com