html - CSS 以两种颜色显示一个字符

标签 html css colors character

<分区>

是否可以在 css 中使用 2 种颜色制作单个字符?

我的意思是例如字符“B”,上半部分为红色,下半部分为蓝色

最佳答案

h1 {
  font-size: 72px;
  background: -webkit-linear-gradient(red 49%, blue 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

填写您自己的供应商前缀。

关于html - CSS 以两种颜色显示一个字符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22195606/

相关文章:

javascript - 电子查找器问题。尝试复制文件时未定义不是函数错误

colors - 带 Alpha channel 的颜色的十六进制表示?

java - 如何更改 java JMenuItem (ctrl+s) 内快捷方式文本的颜色/字体

jquery - 将 span ID 传递给 jQuery 变量 : not working

javascript - 用空值替换选项

css - NetBeans 8.0.2 无法识别对 css 文件的编辑

python - 用python绘制不同颜色的圆圈

html - 是否可以使用:not() selector to target specific text nodes?

javascript - 如何将我的 javascript 代码输出为 HTML?

javascript - 如何将 CSS 参数链接到 javascript img?