汎用性のあるボタンが作りたい。
そんなあなたにおすすめなのが、『Make fancy buttons using CSS sliding doors technique』。スライドするドアのように使いやすいボタンをCSSで作る方法だ。
このエントリーでは、↑のようなボタンをCSSで実装する方法が紹介されている。
画像を2つ使い、テキストの長さによってスライドするドアのように縮小・拡大するというものだ。
HTMLとCSSがすべて公開されているのですぐに実装可能だろう。
スライドするドアのように使いやすいボタンをCSSで作る方法、チェックしてぜひ使ってみてはいかがだろうか。
今日のCREAMU
先輩とジムで会ったのでcafe Cup Bearerで飲み。いい感じのソファでかなりくつろげました。いや〜楽しいなぁ。
関連するエントリー
- クールなCSSグリッドフレームワーク
- ギャラリーサイト用のフリーのXHTML / CSSテンプレート
- フッタをブラウザ下部に固定配置するCSSテクニック
- CSS3でIEにも角丸を適用させるhtcファイル
- かっこいいCSSナビゲーション30
- HTMLからCSSのベースを作ってくれるサービス
