css - 垂直渐变

Question

我无法让这个渐变从左到右。目前它从上到下。

background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(166, 230, 230)), color-stop(0.33, rgb(231, 231, 231)), color-stop(0.15, rgb(255, 255, 255)));

我尝试将左上角、左下角、左下角、右下角转换，但随后什么也没有出现。请帮忙。

Answer 1

只需使用以下-webkit-linear-gradient表格：

background-image: -webkit-linear-gradient(left, rgb(166,230,230) 0, rgb(255,255,255) 15%, rgb(231,231,231) 33%); 

http://jsfiddle.net/45PQd/1

或者，如果您真的想使用更详细的格式，请使用left top, right top：

background-image: -webkit-gradient(linear, left top, right top, from(rgb(166, 230, 230)), color-stop(0.33, rgb(231, 231, 231)), color-stop(0.15, rgb(255, 255, 255)));