css - 使用 CSS 使图像变暗(任何形状)

Question

所以我看到了很多使用 CSS 使图像变暗的方法，包括带有圆 Angular 的图像，但我的问题是不同的。

假设我有一个看起来像小狗的 .png 图像(随它去吧，我没有任何好的示例)，当我将它放在我的页面上时，我给它设置了 100 x 100 的尺寸。

但我不能只在上面叠加一些东西，或者给整个图像着色，因为它会导致狗的背景也被着色，看起来很难看。

是否可以使用 CSS 为任意形状的图像着色？

(我假设你明白我的意思，不需要无用的代码)

谢谢!

Answer 1

简单

img {
  filter: brightness(50%);
}