linear-gradient颜色渐变
css:
.box {
width: 200px;
height: 200px;
background: -webkit-linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
background: -moz-linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
background: -o-linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
background: -ms-linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
}
效果为: