css 使图像变成灰色的技巧

某些情况下，例如网页上如果使用合作方 logo，能使网站更显得有说服力，但是这些 logo 一般是彩色的，为了使其不过于分散网站用户的注意力，同时网页设计也应当遵循只使用一种主色的原则，所以应当将这些图像全部设为灰色：

使用如下的 css，但是得到的 logo 颜色有深有浅，不所以是理想的颜色：

filter: grayscale(100%);

改成下面的 css：

filter:brightness(0);opacity: 50%;

所有 logo 的颜色变为一致的灰色：