使用所有浏览器都支持的背景进行文本蒙版/剪辑的最佳方法是什么？正如您在 Codepen 中看到的，我试图仅在红色框所在的位置将文本颜色设置为白色，而文本的其余部分将为黑色。你能告诉我哪种方法是实现这种所有浏览器都支持的效果的最佳方法吗？我制作了一个模型并附上以便更好地理解。
提前致谢。
<div class="head">AWESOME TEST</div>
<div class="box"></div>
https://codepen.io/bootstrap007/pen/mdeYaeX
最佳答案
您可以使用mix-blend-mode。查看所有不同的attributes在这里看看哪一个最适合您的需求。 Here is an example
关于html - 对单个文本使用两种文本颜色，例如基于背景颜色的蒙版，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/62049086/