A List Apart: Articles: Super-Easy Blendy Backgrounds

CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例。
次のような透過PNGがあったとして、更にこの下に色を付けると・・・。



大体どうなるか分かると思いますが次のようなグラデーション背景が出来ます。



そんなCSSのテクニックが紹介されてます。

• example one (FireFoxのみ)
• example two (FireFoxのみ)
• example three (FireFoxのみ)
• example four (FireFoxのみ)
• Example five (FireFoxのみ)
• Example six  (IEも動きます)
• Example seven  (IEも動きます)

アイデア次第でこういった技もできてしまいますね。
通常なら画像をPhotoShopなんかで作ると思いますが、画像が一枚あればいい、というのは使えそうです。
CSSって面白いですね :-)

関連エントリ

• CSSの小技集、20個
• CSSを書く際の5つのテクニック
• CSSだけでフレームを作るテクニック
• CSSオンリーでクールなグラフを書くサンプル集
• CSSだけで画像をプリロードするテクニック