html - 使用 CSS 为文本添加特定的渐变

Question

我有一个包含文本的图像，但上传并显示它并不能帮助谷歌搜索真正找到它，所以我想知道我是否可以在我的文本上获得特定的渐变样式。

这就是文本的外观。

有人可以帮助我实现这一目标吗？

我找到了这个，但我真的不知道如何调整它。

.h1 {
      font-size: 72px;
      background: -webkit-linear-gradient(#eee, #333);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;}

    <span class="h1">Ανανέωσε ONLINE & πάρε ΔΩΡΟ MB</span>

提前致谢。

标签： htmlcsstext

Answer 1

你应该用谷歌搜索线性渐变或在其中找到w3c

.h1 {
      margin: auto;
      font-size: 52px;
      font-weight: bold;
      background: linear-gradient(to right, #438f3a , #19acdf);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;}
.h1h {
    background: black;
}   

<div class="h1h" ><div class="h1">Ανανέωσε ONLINE & πάρε <br/>ΔΩΡΟ MB!</span></div>