文字使用css渐变字体颜色

方法：

 background-image: linear-gradient(
              0deg,
              rgba(255, 171, 0, 1) 7.5439453125%,
              rgba(255, 250, 142, 1) 100%
            );
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;

说明：
background-image：为文本元素提供渐变背景
-webkit-text-fill-color: transparent 使用透明颜色填充文本。
-webkit-background-clip: text 用文本剪辑背景，用渐变背景作为颜色填充文本。

效果：