有人可以定义CSS3属性Mix-Blend-Mode：difference到底发生了什么吗？

Question

我试图了解将CSS属性Mix-Blend-Mode：差异应用于元素时到底发生了什么。

网站上的文档说明它将元素的内容混合到其自身的背景中，并减去了较深的颜色？

我的示例.txt :: before应该从白色减去黑色，对吗？我的Codepen使我的阴影变黑了。不是应该更白吗？

 .txt {
  font-size: 205px;
  font-family: Arial;
  font-weight: bold;
  color: #ffffff;
  background-color: #000000;
  text-transform: uppercase;
}

.txt::before {
  content: "Hello World ";
  background-color: #000000;
  position: absolute;
  mix-blend-mode: difference;
}