Css 如何将文本垂直拆分为两种颜色？

我想在我的div中的一个词被分割成两种颜色垂直使用纯CSS，你知道我怎么做吗

---

您当然可以使用CSS3渐变和剪辑属性。。我知道我使用的WebKit，但不确定其他浏览器，如果你愿意，可以试试这个

（请在chrome上查看）

注意：作为一名web开发人员，如果您知道的话，我不会使用任何最新的浏览器 任何工作原理相同的专有财产，请随时编辑 我的回答

---

@ScreepyFrog不太确定，但如果你想让它像这样，最好使用一个图像，而不是使用CSS3方式，直到所有浏览器都广泛支持CSS3属性

div {
  font: 40px Arial;
  background: -webkit-linear-gradient(top, #0d2172 0%,#0d2172 50%,#ff2828 50%,#ff0000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}