垂直梯度

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)));