CSS背景颜色渐变

背景颜色渐变，白色过度到黑色，从上到下垂直渐变。

.demo{background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#000));}

从左到右

.demo{background: -webkit-gradient(linear, left top,right bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));}

一半红一半白但中间连接的地方有点混色

background: linear-gradient(to right, #eeeeee 0%,#eeeeee 50%,#ffffff 51%,#ffffff 100%);

文字渐变增加以下

-webkit-background-clip:text; 
-webkit-text-fill-color:transparent;