某些情况下,例如网页上如果使用合作方 logo,能使网站更显得有说服力,但是这些 logo 一般是彩色的,为了使其不过于分散网站用户的注意力,同时网页设计也应当遵循只使用一种主色的原则,所以应当将这些图像全部设为灰色:
使用如下的 css,但是得到的 logo 颜色有深有浅,不所以是理想的颜色:
filter: grayscale(100%);
改成下面的 css:
filter:brightness(0);
opacity: 50%;
所有 logo 的颜色变为一致的灰色: