CSSグラデーションをPhotoshopのように編集して、CSSを生成してくれる便利ツール「Ultimate CSS Gradient Generator」をご紹介します。 こちらから利用できます。 Ultimate CSS Gradient Generator 使い方 使い方の説明はもはや不要なのではないかと思います。Photoshopのように、カラーピッカーを使って感覚的にグラデーションをセットできます。 あらかじめ いくつかのグラデーションが揃っていますので、慣れない間はそちらを使っても良いかもしれません。以下は、ソースの生成例です。 background: #b7deed; /* old browsers */ background: -moz-linear-gradient(top, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 10