CSSで横幅が可変するボタンをデザインしたい。
そんなあなたにおすすめなのが、『CSS Sliding Door using only 1 image』。1枚の画像で伸縮するボタンをデザインする方法だ。
このエントリーでは、1枚の画像で幅が可変するボタンを作る方法が紹介されている。
HTML、CSSのコードが紹介されているだけでなく、サンプルをダウンロードできるので、実装も簡単だろう。
1枚の画像で伸縮するボタンをデザインする方法、チェックしてぜひ使ってみていただきたい。
Editor's Note
社員旅行から帰ってきた。結構リラックスできて気分爽快だ。
e-mobileがつながらなくてネットできなかったんだけど、たまにはそういうのもいい。
でもそのせいで今Airを触っていてテンション高すぎる。
Related Entry
- CSS3のベンダープレフィクスを自動で追加してくれる「CSSPrefixer」
- Photoshopで作ったようなCSS3のタイポグラフィー
- CSS3で作るクールなお問い合わせフォーム
- floatした画像の横のテキストの回り込みをクリアするCSS
- CSS3を使ったボタンジェネレータ
- CSSだけでJavaScriptのような動きを実装するサンプル30
