gradientの書き方

■linear-gradient

/* linear-gradient(to 終了位置, 開始色, 終了色) */
background: linear-gradient(to bottom, #FFFFFF, #F3F3F3);

アンドロイドや、 iOSに対応するために、webkitのベンダープレフィックス付きで記述する必要があります。

■linear-gradientで途中の色を指定する

/* linear-gradient(to 終了位置, 開始色, 途中色 位置, 終了色) */
background: linear-gradient(to bottom, #FFFFFF, #CCCCCC 30%, #333333);

■斜めにグラデーション
background: linear-gradient(45deg, #FFFFFF, #CCCCCC 30%, #333333);/* 45度右上にグラデーション */

■円形のグラデーション　radial-gradient
background: radial-gradient(left center 0deg, ellipse farthest-side, #FFFFFF, #CCCCCC 50px, #333333);

開始位置の初期値はcenterです。

left, right, top, bottomをpx, %の数値で指定できます。

この記事を見た人は次の記事も見ています。
illustrator文字タッチツール　
WordPressの無限スクロールをプラグインで実装する
HTML言語について
viewportの幅に応じてフォントサイズを可変させる
第十回「akismetを有効化して、無料でスパム対策」
WordPressのwhile文を1回で終了
Photoshopワープ機能
TinyPNG
サーバーのお話①
Photoshop画像切り抜き
CSSをSCSSに変換する
youtube埋め込みjQueryプラグイン 「Boxer」の使い方
フォントの検索サイト
jQuery: slideMenu
counter-increment
月の日数を計算する
IPアドレスでのFFFTPログイン
CSS Transform
隣接する要素に適用
wpプラグインulikeボタンを記事一覧でも表示させる方法