要使用CSS滤镜更改图片的颜色,可以使用filter属性中的sepia和saturate函数。以下是将蓝色图片转换为金色的示例代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Change Image Color</title>
<style>img {filter: sepia(100%) saturate(5);}
</style>
</head>
<body><img src="blue-image.jpg" alt="Original Blue Image">
</body>
</html>在这个例子中,sepia(100%)将图片转为深褐色,接着saturate(5)增加饱和度,使得图片颜色从蓝色转变为金色。你需要确保图片blue-image.jpg是存在于你的网页同级目录或者通过正确的路径指向它。