前の記事 ≪:タブブラウザonタスクトレイがITmedia Biz.IDにて紹介
次の記事 ≫:PHPで使えるCAPTCHA画像作成ライブラリまとめ

CSSを使い、1枚の画像だけでカラフルなグラデーション背景を作る例

2006年11月20日-はてなブックマーク

スポンサード リンク
[PR] 日々膨大に出現するJS/CSSライブラリ等を意識にとどめておく方法

A List Apart: Articles: Super-Easy Blendy Backgrounds

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



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



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

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

関連エントリ

関連の記事検索:CSS, チュートリアル, デザイン, Webデザイン, Web制作, グラデーション
スポンサード リンク

By.KJ : 2006年11月20日 07:08 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)