css文字渐变色

作者：伤哖铱旧发布日期:2026-04-15 浏览:45

/* 使用 CSS 实现文字渐变色的示例代码 */

h1 {
  /* 使用 background-clip 和 webkit-background-clip 实现渐变色文字 */
  background: linear-gradient(90deg, #ff7e5f, #feb47b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 解释说明：
1. `background: linear-gradient(90deg, #ff7e5f, #feb47b);` 设置背景为从左到右的线性渐变色，颜色从 #ff7e5f 到 #feb47b。
2. `-webkit-background-clip: text;` 将背景裁剪为文字形状，使得背景渐变只显示在文字部分。
3. `-webkit-text-fill-color: transparent;` 设置文字填充颜色为透明，从而让背景渐变色透过文字显示出来。
*/

上一篇：position在css中的用法

下一篇：css 超出省略号