css为图片添加颜色 |css怎么设置字与边框的间距

css 折叠列表，css写栅格布局，css3 transform 转换，js html css生日祝福，css中怎样写入图片，css固定位置改浮动，css怎么设置字与边框的间距 css为图片添加颜色 |css怎么设置字与边框的间距

img {
filter: grayscale(100%);
}
img:hover {
filter: none;
}
img {
mix-blend-mode: multiply;
color: red;
}
img {
background: linear-gradient(to bottom, red, yellow);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
img {
mask-image: url('mask.png');
-webkit-mask-image: url('mask.png');
}

第一个例子使用 filter 属性，将图像转换为灰阶。第二个例子在鼠标悬浮时进行滤镜恢复。第三个例子使用 mix-blend-mode 属性混合颜色。最后两个例子使用了 mask-image 属性来利用图片掩码来为图像添加校色样式。

CSS 为图片添加颜色是一种非常强大的技术，可以让你以非常简单的方式为你的网站添加更多的色彩和图形元素。无论你正在开发一个商业网站还是一个个人博客，这些技术都可以让你的站点变得更加吸引人，并为你的富媒体内容增加更多的视觉吸引力。