css字体渐变色

作者：ι错过了发布日期:2026-03-06 浏览:64

/* CSS 字体渐变色示例 */

h1 {
  background: -webkit-linear-gradient(#ff7e5f, #feb47b); /* 使用 WebKit 浏览器的渐变 */
  -webkit-background-clip: text; /* 将背景剪裁为文字形状 */
  -webkit-text-fill-color: transparent; /* 设置文本填充颜色为透明，显示背景颜色 */
}

/* 解释说明：
1. `background: -webkit-linear-gradient(#ff7e5f, #feb47b);`：定义了一个从 #ff7e5f 到 #feb47b 的线性渐变背景。
2. `-webkit-background-clip: text;`：将背景剪裁为文字的形状，使背景只在文字内部显示。
3. `-webkit-text-fill-color: transparent;`：将文本的颜色设置为透明，从而显示渐变背景。 */

上一篇：css box shadow

下一篇：css两端对齐