汎用性のあるボタンが作りたい。
そんなあなたにおすすめなのが、『Make fancy buttons using CSS sliding doors technique』。スライドするドアのように使いやすいボタンをCSSで作る方法だ。
このエントリーでは、↑のようなボタンをCSSで実装する方法が紹介されている。
画像を2つ使い、テキストの長さによってスライドするドアのように縮小・拡大するというものだ。
HTMLとCSSがすべて公開されているのですぐに実装可能だろう。
スライドするドアのように使いやすいボタンをCSSで作る方法、チェックしてぜひ使ってみてはいかがだろうか。
Editor's Note
先輩とジムで会ったのでcafe Cup Bearerで飲み。いい感じのソファでかなりくつろげました。いや〜楽しいなぁ。
Related Entry
- CSS3のベンダープレフィクスを自動で追加してくれる「CSSPrefixer」
- Photoshopで作ったようなCSS3のタイポグラフィー
- CSS3で作るクールなお問い合わせフォーム
- floatした画像の横のテキストの回り込みをクリアするCSS
- CSS3を使ったボタンジェネレータ
- CSSだけでJavaScriptのような動きを実装するサンプル30
