根据视频背景反转文本颜色

Question

我正在寻找一种根据背景中的视频颜色反转文本颜色的方法。 如果没有恒定的颜色值，我找不到任何方法来制作它，这是必要的，因为文本背后的颜色永远不会相同。

我已经尝试过使用 mix-blend-mode 并更改文本颜色，但当然是徒劳的：

.my-text {
    color: black;
    mix-blend-mode: difference
}

这只是给我黑色的文字。

我也试过 filter: invert(1); 但它只是让我看到黑色的文字，因为它不考虑背景。

Answer 1

Try replacing color: black with color: white:

感谢the original codepen。