html - 有什么方法可以让文本响应颜色？

Question

这可能是一个愚蠢的问题，但我的背景具有高对比度颜色，我想要我的 <ul>的 <li>根据每个人 的背景颜色改变颜色 <li> .我真的不想通过添加 color 来膨胀我的 CSS每个人的属性(property)。如果有任何方法可以做到这一点，请有人告诉我。

我正在从事一个 CodePen 元素。这是一个个人投资组合页面。仅供引用，我将与您分享，但尚未完成。我希望我的技能 下的列表是“颜色响应”(如果存在的话)，以便底部的元素更易于阅读。

Here is the pen.

非常感谢!

Answer 1

只需使用 CSS，您就可以使用 mix-blend-mode 来 ul。

使用 css 将 ul 元素作为 mix-blend-mode: difference;