Question

我希望网站上的背景为三角形。左侧为黑色，右侧为白色。有关示例，请参见this图片。我在互联网上找不到此邮件，因此希望有人可以帮助我。如果可能的话，我想用CSS做到这一点。也许您也可以在文本方面为我提供帮助。我的意思是，因为文本在黑色面上，所以变成了白色。如果文本在白色面上，则会变成黑色。有关示例，请参见this图片。我希望你们能帮助我。我真的很感激！

提前谢谢！

Answer 1

我是用mix-blend-mode:difference;做的

div {
  width:400px;
  height:400px;
  background:linear-gradient(45deg, black 0%, black 50%, white 50%, white 100%);
  display:flex;
  justify-content:center;
  align-items:center;
}

h1 {
  color:#fff;
  font-size:30px;
  mix-blend-mode:difference;
}

<div>
<h1>this is a text</h1>
</div>

背景为三角形

1 个答案: