CSS で見せる背景色のグラデーション

ブラウザによって書式が違うので全て書いてしまう。
IE では、グラデーション方向が、縦と横しか指定できない。
FireFox , Safari,Chrome は、左上から右下方向は、left top から right bottom を指定する。

/* FireFox */
background: -moz-linear-gradient(top, #00abeb, #ffffff);

/* SafariChrome */
background: -webkit-gradient(linear, center top, center bottom, from(#00abeb), to(#ffffff));

/* IE6,7 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00abeb, endColorstr=#ffffff);


/* IE GradientType : 0=Top→buttom, 1=left→right */


GradientType=0 の結果は、、、

f:id:posturan:20160313230646j:plain


GradientType=1 の結果は、、、

f:id:posturan:20160313230640j:plain