CSSとPNG画像を使ってクールなWeb2.0風ボタンを実現:phpspot開発日誌
Scalable CSS Buttons Using PNG and Background Colors?|?David’s kitchen There has been a lot of talk about CSS buttons lately. CSSとPNG画像を使ってクールなWeb2.0風ボタンを実現。 ボタン画像を作成する際に、毎回、画像編集ツールでボタンを作らずとも、次のようなカッコいいボタンをCSSを使って実現する方法が書かれています。 ボタンの文字列が変わってもHTMLを変更するだけで新しいボタンが作れます。 これは覚えておいて損はないテクニックですね。 但し、残念ながらIE6ではうまく表示することが出来ません。
CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例:phpspot開発日誌
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なんかで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
