BBC：列表缩略图灰度化
将新闻列表缩略图灰度化并在悬停时恢复颜色，让注意力集中在标题上。
可复制的代码
/* Desaturate listing thumbnails so headlines lead the eye */
[data-testid="card-media"] img,
[data-testid="promo"] img {
filter: grayscale(1) !important;
transition: filter 0.2s ease !important;
}
[data-testid="card-media"]:hover img,
[data-testid="promo"]:hover img {
filter: grayscale(0) !important;
}如何使用此示例
- 用上方按钮复制代码。
- 安装 JustZix（2 分钟），在目标页面打开扩展。
- 添加一条匹配该页面的新规则。
- 将代码粘贴到规则的 CSS 面板并保存 — 效果立即生效。
为此示例评分
暂无评分 — 成为第一个。