この記事は最終更新日から2年以上が経過しており、情報が古くなっている可能性があります。

色はカラーコードとRGBaの2パターンが指定できます。
また、グラデーションの形状は線形(linear)と円形(radial)が選べます。


グラデーションを適用する要素 {
background: -moz-linear-gradient(top, #000 49%, rgba(0,0,0,0) 50%);
/* Mozilla系 グラデーションの形状(方向,色 範囲,色 範囲) */
background: -webkit-gradient(linear, center bottom, center top, from(#000), color-stop(0.49, #000), color-stop(0.50, #000), to(rgba(0,0,0,0)));
/* webkit系 -webkit-gradient(グラデーションの形状,開始位置, 終了位置,from(開始色),color-stop(範囲,色),color-stop(範囲,色),to(終了色)) */
}