css渐变字体

作者：古枕清风发布日期:2026-05-29 浏览:10

/* 渐变字体示例代码 */

h1 {
  background: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 解释说明：
1. `background: linear-gradient(...)`：定义了一个线性渐变背景，颜色从 #ff9a9e 到 #fad0c4。
2. `-webkit-background-clip: text`：将背景裁剪为文字的形状。
3. `-webkit-text-fill-color: transparent`：使文字填充颜色透明，从而显示背景渐变效果。 */

上一篇：css添加背景图片

下一篇：css 倒数第二个元素