字体渐变色

• father::常见的前端业务需求

.gradient-text {
  /* 设置渐变背景 */
  background: linear-gradient(45deg, #ff0000, #ff9900, #00ff00);
  
  /* 关键属性：将背景裁剪到文字区域 */
  -webkit-background-clip: text;
  background-clip: text;
  
  /* 将文字颜色设为透明以显示背景 */
  color: transparent;
  
  /* 兼容性处理 */
  -webkit-text-fill-color: transparent;
  
  /* 其他样式 */
  font-size: 3rem;
  font-weight: bold;
}