CSS3水平渐变，是CSS3中一种用于美化网页设计的样式。在CSS3中，水平渐变通常用于添加背景色或背景图片。它可以通过定义起始和结束颜色、中间色以及颜色分布的百分比来实现。

.background {
background: linear-gradient(to right, #ff0000, #0000ff);
}

上面这段代码就是实现CSS3水平渐变的样例。to right表示将颜色从左到右渐变，#ff0000和#0000ff是起始和结束颜色。如果要添加中间色，可以在中间添加色值，如：

.background {
background: linear-gradient(to right, #ff0000, #00ff00, #0000ff);
}

上面这段代码中，从左到右分别由红色、绿色、蓝色渐变。如果希望某个颜色占据比例更大，可以添加百分比值，如：

.background {
background: linear-gradient(to right, #ff0000, #00ff00 50%, #0000ff);
}

上面这段代码中，绿色占据50%的比例。

通过CSS3水平渐变，我们可以为网页添加更多美观的元素，使得用户体验更好。