css-文字背景渐变色

           -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-fill-color: transparent;
            display: inline-block;


//渐变色--水平方向

 background: linear-gradient(to right, #DF3000 0%, #DAD99A 51%, #00A5FF 100%);


//垂直方向
 background: linear-gradient(180deg, #ffffff 0%, #ffca24 100%);

• linear-gradient 的角度参数：
  • 0deg：从下到上（垂直反向）
  • 90deg：从左到右（水平方向，默认）
  • 180deg：从上到下（垂直方向，你需要的效果）
  • 270deg：从右到左（水平反向）

水平示例图

垂直示例图