css字体颜色渐变（超简易）

分类: 文章 • 2024-12-19 14:09:40

效果图如下：

css字体颜色渐变（超简易）

总的来说还行，比较简单的代码

.font-color {
    background: linear-gradient(to top, #ffba31, #FFD392, #FDF7EE);
    -webkit-background-clip: text;
    color: transparent;
  }

linear-gradient的参数to top 控制后面的颜色顺序，从下往上渐变，当然你也可以让它从下往上渐变,to bottom

主要就是后面那几个参数，你想怎么搭配怎么来，哈哈哈，可以玩一下