1. /
  2. /
  3. gradient（グラデーション）の使用例

gradient（グラデーション）の使用例

グラデーションを指定するgradientの使用例と説明です。
background に指定することでボックスの背景に線形グラデーションを表現できます。
使用にはベンダープレフィックス（-moz-,-webkit-）を付ける方法が一般的のようです。 

background:linear-gradient(#4bcdf4, #0358ba);
background:-moz-linear-gradient(top, #4bcdf4, #0358ba);  /* Firefox用 */
background:-webkit-gradient(linear, left top, left bottom, from(#4bcdf4), to(#0358ba));  /* Google Chrome,Safari用 */

↓上記CSSスタイルをあてた状態（上から下に指定したカラーにグラデーション）

グラデーション例

※最新バージョンのブラウザで表示するのであれば、上記CSSの１行目だけでも反映しそうです。