原来的：

在当今的网页设计中css3 字渐变色，我认为越来越多的设计包含渐变。 这次css3 字渐变色，我们将介绍如何将CSS3渐变应用于文本，并介绍如何用图像填充文本。

为文本添加颜色渐变

这是设置文本渐变颜色的背景颜色。 目前支持的浏览器有 Google Chrome、Safari、Opera。 （推荐课程：CSS3视频教程）

超文本标记语言

你好，PHP中文网

HTML 枚举要按原样淡入淡出的文本。

CSS

h1{
  color: #ACB6E5;
  background: -webkit-linear-gradient(90deg, #ACB6E5, #86FDE8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

疗效如下：

您还可以通过指定渐变角度来更改颜色的位置，以赋予其稍微粗糙的纹理。

CSS

h1{
  color: #FF7C00;
  background: -webkit-linear-gradient(top, #FFB76B 0%, #FFA73D 50%, #FF7C00 51%, #FF7F04 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

疗效如下：

用图像填充文本颜色

您不仅可以设置渐变颜色作为背景颜色，还可以使用图像来设置字体颜色。

让我们使用这张图片来为背景着色

代码如下所示：

	
	
h1{
  color: #333;
  background: url("image/keiskei.jpg");
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

你好，PHP中文网

疗效如下：