使用CSS改变图片颜色

作者：System 时间：2024年08月14日分类：所有,css 字数：483

要使用CSS改变图片的颜色，可以使用滤镜（filter）属性。以下是几个例子：




img {
  filter: grayscale(100%);
}




img {
  filter: brightness(50%);
}




img {
  filter: contrast(200%);
}




img {
  filter: saturate(50%);
}




img {
  filter: sepia(60%);
}




img {
  filter: drop-shadow(16px 16px 20px red);
}

将相应的CSS规则应用到你的图片元素上，即可实现图片颜色的变换。这些效果可以结合使用，以达到更复杂的视觉效果。