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