CSS中如何改变图片的颜色?img { filter: grayscale(100%); /* 产生灰度效果,0% 为原色,100% 为完全灰色 */ filter: sepia(100%); /*
CSS中如何改变图片的颜色?
img { filter: grayscale(100%); /* 产生灰度效果,0% 为原色,100% 为完全灰色 */ filter: sepia(100%); /* 产生褐色(怀旧)效果,0% 为原色,100% 为完全褐色 */ filter: saturate(200%); /* 增加饱和度,0% 为灰色,100% 为原色,200% 为过饱和 */ filter: hue-rotate(90deg); /* 旋转色相,90deg 为旋转90度 */ filter: invert(100%); /* 负片效果,0% 为原色,100% 为完全反色 */ filter: opacity(50%); /* 产生透明效果,0% 为完全透明,100% 为完全不透明 */ filter: blur(5px); /* 模糊效果,5px 为模糊程度 */ mix-blend-mode: multiply; /* 产生颜色混合效果,multiply 为乘法混合模式 */ }
以上是常见的几种改变图片颜色的方法,可以根据需要选择不同的方式进行调整,达到更好的美观效果。
粉丝
0
关注
0
收藏
0