Javascript 如何在HTML（CSS）中绘制半个字母或文本？

如果我有：A

在html、css或Javascript中，我有没有办法画一半白色，另一半黑色或任何其他颜色

---

谢谢

你可以按照Robbie的建议用渐变试试。只有一个缺点。您将无法使用文本阴影属性，除非使用另一个hack-make复制文本并赋予其阴影属性

按要求编辑

---

源代码可以在这里找到

需要一些示例吗design@Robbie这是用于背景而不是用于字体颜色的颜色。@RobbieMilejczak背景渐变与OPs问题有什么关系？此外，请不要将W3Schools用作参考。他们的文章经常过时，有时甚至完全错了。MDN更全面、更准确：@j08691是的，我完全不知道这是如何得到选票的

p {
  font-size: 12px;
  background: -webkit-linear-gradient(#000, #DDD);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}