尝试控制渐变文本[重复]
尝试控制渐变文本[重复]
提问于 2021-02-19 16:26:52
这个问题在这里已经有答案了：
渐变文本颜色(7个答案)
10天前就关门了。
因此，我正在尝试使我的网站中的一些文本的颜色与背景相同。我想过两种方法，一种是让文本在特定的地方有背景的颜色(就像div中的裁剪)，可能有一些JS -我不知道怎么做(也没有在网上找到任何东西)。我想过两种方法，一种是让文本在那个特定的点上有背景的颜色(就像div中的一个裁剪)，可能还有一些JS。或者，我可以将其设置为渐变，并控制渐变开始的位置。
下面是我的代码：
.catchphrase {
font-family: Niconne;
font-size: 3.5vw;
font-weight: 400;
background: -webkit-linear-gradient(0deg, #1761A0 74%, #6D37B0 26%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}Feel the rythem
这就是它所产生的，当我添加%值时，梯度就消失了：
有没有人有什么想法？(如果有一种方法可以使文本与背景颜色相同，我也很乐意听到)
回答 2
Stack Overflow用户
回答已采纳
发布于 2021-02-19 17:18:51
.catchphrase{
font-family: Niconne;
font-size: 5vw;
font-weight: 400;
background: #75CF55;
background: -webkit-linear-gradient(to right, #75CF55 0%, #CF1BC9 41%);
background: -moz-linear-gradient(to right, #75CF55 0%, #CF1BC9 41%);
background: linear-gradient(to right, #75CF55 0%, #CF1BC9 41%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}Feel the rythem
Stack Overflow用户
发布于 2021-02-19 16:37:06
你需要输入："display:inline-block“
.catchphrase{
font-family: Niconne;
font-size: 3.5vw;
font-weight: 400;
background: -webkit-linear-gradient(0deg, #1761A0 74%, #6D37B0 26%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display:inline-block;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66274059
复制相关文章
相似问题
腾讯云开发者
