css3 模糊渐变,css3实现背景色渐变linear-gradient()

示例代码：

linear-gradient()_CSS参考手册_web前端开发参考手册系列

div {

width: 600px;

height: 100px;

margin-top: 10px;

border: 1px solid #ddd;

}

.test {

background: linear-gradient(#fff, #333);

}

.test2 {

background: linear-gradient(#000, #f00 50%, #090);

}

.test3 {

background: linear-gradient(0deg, #000 20%, #f00 50%, #090 80%);

}

.test4 {

background: linear-gradient(45deg, #000, #f00 50%, #090);

}

.test5 {

background: linear-gradient(to top right, #000, #f00 50%, #090);

}

.test6 {

background: linear-gradient(to right,#FFB95E ,#F35C70);

}

效果：