html - 图像灰度 CSS 效果

Question

我想用 CSS 降低图像的亮度。

我正在使用 Mozilla Firefox，这是我的代码:

-moz-filter: brightness(0.5);
filter: brightness(0.5);

为什么没有生效？

Answer 1

img {
  -webkit-filter: brightness(100%);
  -moz-filter: brightness(100%);
  filter: brightness(100%);
}
img:hover {
  -webkit-filter: brightness(50%);
  -moz-filter: brightness(50%);
  filter: brightness(50%);
}

这就是你所需要的!我检查了 Firefox 和 Chrome，代码正常工作
jsfiddle-link