CSS显示两种颜色的一个字符 [英] CSS Display One Character in 2 Colors

问题描述

在css中是否可以使用两种颜色的单个字符？

Is it possible in css make a single character in 2 colors?

我的意思是例如字符B第一个上半部分是RED， BLUE

I mean for example character "B" The first upper half in RED and the second half in BLUE

推荐答案

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

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

Fill in your own vendor prefixes.

这篇关于CSS显示两种颜色的一个字符的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！