混合模式mix-blend-mode和背景模式background-blend-mode在CSS中有何用途？

是的，我有使用过这些混合模式。

mix-blend-mode 属性可以用于覆盖两个元素的颜色，让它们叠在一起，混合成新的颜色。可以使用多种不同的混合模式，例如：multiply（乘法）、overlay（叠加）、screen（筛选）等。

例如，以下是一个使用mix-blend-mode的例子，将一个文本叠加在一个包含图像的元素上，使用multiply模式叠加它们的颜色：

img {
  mix-blend-mode: multiply;
}

h2 {
  mix-blend-mode: screen;
}

background-blend-mode 属性则用于混合元素的背景颜色，可以使用多种不同的混合模式，例如：multiply（乘法）、overlay（叠加）、screen（筛选）等。

以下是一个使用background-blend-mode的例子，将两个背景颜色叠加在一起，使用multiply模式叠加它们的颜色：

background-color: #f00;
background-image: linear-gradient(to right, #ff0 50%, #00f 50%);
background-blend-mode: multiply;

希望这能帮到你！