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

2018-06-07 19:18:28

这个问题在这里已经有了答案：

是否可以将CSS应用于角色的一半？ 18个答案

CSS显示2种颜色的一个字符[复制] 2个答案

你可以像罗比建议的那样用渐变来尝试。这只有一个缺点。你将无法使用文本阴影属性（除了另一个黑客 - 使文本重复，并给它阴影属性）

根据要求编辑...

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/

链接地址: http://www.djcxy.com/p/23783.html