CSSとPNG画像を使ってクールなWeb2.0風ボタンを実現
2007年06月01日-
スポンサード リンク
Scalable CSS Buttons Using PNG and Background Colors?|?David’s kitchen
ボタン画像を作成する際に、毎回、画像編集ツールでボタンを作らずとも、次のようなカッコいいボタンをCSSを使って実現する方法が書かれています。
ボタンの文字列が変わってもHTMLを変更するだけで新しいボタンが作れます。
これは覚えておいて損はないテクニックですね。
但し、残念ながらIE6ではうまく表示することが出来ません。
There has been a lot of talk about CSS buttons lately.CSSとPNG画像を使ってクールなWeb2.0風ボタンを実現。
ボタン画像を作成する際に、毎回、画像編集ツールでボタンを作らずとも、次のようなカッコいいボタンをCSSを使って実現する方法が書かれています。
ボタンの文字列が変わってもHTMLを変更するだけで新しいボタンが作れます。
これは覚えておいて損はないテクニックですね。
但し、残念ながらIE6ではうまく表示することが出来ません。
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 好きな画像や文字を埋め込んだQRコードをリアルタイムで作れるWEBツール
- 過去のエントリ