尝试控制渐变文字

debugcn 发表于 Dev

千福尔

因此，我正在尝试使网站中的某些文本与背景颜色相同。我已经考虑过两种方法，一种可能是使用一些JS使文本在该特定位置具有背景色（例如div中的切口），另一种是我不知道该怎么做（并且尚未在网上找到任何东西）。或者，我可以使其渐变并控制渐变的开始位置。

这是我的代码：

.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;
}

<div id="catch_div">
    <asp:Label ID="Label1" runat="server" Text="Label" CssClass="catchphrase">Feel the rythem</asp:Label>
</div>

这就是它所产生的，当我添加％values时，梯度消失了：

有人有什么主意吗？（如果有一种方法可以使文本与背景颜色相同，我也希望听到）

拉吉·塔达尼（Lalji Tadhani）

.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;
}

<div id="catch_div">
    <asp:Label ID="Label1" runat="server" Text="Label" class="catchphrase">Feel the rythem</asp:Label>
</div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。

编辑于2021-05-27

我来说两句

0条评论

登录后参与评论

来自分类Dev

尝试控制渐变文字

来自分类Dev

线性渐变使文字“消失”

来自分类Dev

渐变色文字

来自分类Dev

尝试向 Matplotlib 图表添加颜色渐变

来自分类Dev

带有CSS的渐变文字

来自分类Dev

带有CSS的渐变文字

来自分类Dev

xamarin 形式的渐变颜色分段控制

来自分类Dev

背景渐变会使文字溢出，而不应

来自分类Dev

渐变背景上的文字逐渐消失

来自分类Dev

对文字和图像的渐变效果

来自分类Dev

多行CSS渐变文字无法正常工作

来自分类Dev

当我尝试快速绘制渐变时出现问题

来自分类Dev

当我尝试快速绘制渐变时出现问题

来自分类Dev

尝试从控制页调用方法

来自分类Dev

如何在 TableView 控制器后面应用渐变？

来自分类Dev

尝试绕过对象文字

来自分类Dev

文字在实体矩形上渲染，但不在渐变上渲染

来自分类Dev

使按钮文字透明以显示其背后的动画渐变

来自分类Dev

Python-尝试控制输入时出错

来自分类Dev

Python Web Scraping：尝试控制输出

来自分类Dev

尝试通过用户控制包含多个内容

来自分类Dev

渐变颜色不适用于SWReveal视图控制器内容视图

来自分类Dev

文字输入控制器

来自分类Dev

在Android中渐变渐变

来自分类Dev

CSS中渐变的渐变

来自分类Dev

尝试克隆git repo后Win控制台挂起

来自分类Dev

尝试基于常量在控制器中动态设置templateUrl

来自分类Dev

我正在尝试管理少量用户对网页的控制

来自分类Dev

尝试在计时器上移动画面控制

Related 相关文章

文章