CSS3提供了丰富的文本效果，其中横向渐变是一种很常用的效果，也非常容易实现。

/* CSS代码 */
.gradient {
  background: -webkit-linear-gradient(left, red, blue);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
} 

以上代码使用了WebKit浏览器的特有属性，所以只适用于这些浏览器。

实现横向渐变的关键是使用-webkit-linear-gradient属性，它用来定义一个横向的渐变。该属性需要至少两个颜色值，以起点和终点来计算渐变过程中的非线性颜色。在示例代码中，我们将红色设为起点颜色，蓝色设为终点颜色。

同时，我们使用-webkit-background-clip属性来指定渐变仅应用于文本的区域，而不是整个容器。使用-webkit-text-fill-color属性，我们还可以将文本颜色设置为透明，以展现出背景和渐变的效果。

结合HTML代码，我们可以得到以下效果：

<!-- HTML代码 -->
<h1 class="gradient">Hello, CSS3!</h1> 

.gradient { background: -webkit-linear-gradient(left, red, blue); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

Hello, CSS3!