我试图了解将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;
}