关于javascript：如何在HTML（CSS）中绘制一半的字母或文本？


How to paint half of a letter or text in HTML(CSS)?

本问题已经有最佳答案，请猛点这里访问。

如果有的话：

A

。

在HTML、CSS或JavaScript中，有没有任何方法可以让我把"A"的一半涂成白色，另一半涂成黑色或任何其他颜色？

谢谢

相关讨论

你可以像罗比建议的那样用梯度来试试。这里面只有一个。您将无法使用文本阴影属性(除非使用另一个hack-复制文本并赋予其阴影属性)

根据要求编辑…

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

源代码可以在这里找到：https://css-tricks.com/snippets/css/gradient-text/