background-color:#27ceb4;
background-image:-webkit-gradient(linear, left top, left bottom, from(#27ceb4), to(#00aa90));
background-image:-webkit-linear-gradient(90deg, #27ceb4, #00aa90);
background-image:-moz-linear-gradient(90deg, #27ceb4, #00aa90);
background-image:-ms-linear-gradient(90deg, #27ceb4, #00aa90);
background-image:-o-linear-gradient(90deg, #27ceb4, #00aa90);
background-image:linear-gradient(90deg, #27ceb4, #00aa90);

https://blog.51cto.com/u_15127558/3905354

demo2 演示