html运行实例（css3_gradient-linear_transparency）-搜寻教程库

代码示例：（标识：css3_gradient-linear_transparency）

<!DOCTYPE html>
<html>
<head>
<style>
#grad1 {
  height: 200px;
  background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
}
</style>
</head>
<body>

<h1>线性渐变 - 透明度</h1>
<p>为了增加透明度，我们使用 rgba() 函数定义色标。 rgba() 函数中的最后一个参数可以是 0 到 1 的值，它定义颜色的透明度：0 表示全透明，1 表示全色（不透明）。</p>

<div id="grad1"></div>

</body>
</html>