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