GIANT ROBOTSというサイトで、かっこいいボタンを作る方法が紹介されています。
まずPhotoshopを使ってボタンをデザインしていく方法が書いてありますね。レイヤースタイルが細かく書かれているので参考になるのではないでしょうか。
CSSでの実装方法も書いてあります。↑のキャプチャのCSSスプライトはとてもわかりやすいですね。
一度見てみてください。
Editor's Note
今日も超いい天気ですね〜。暑い。今週もがんばりましょう。
Related Entry
- CSS3のベンダープレフィクスを自動で追加してくれる「CSSPrefixer」
- Photoshopで作ったようなCSS3のタイポグラフィー
- CSS3で作るクールなお問い合わせフォーム
- floatした画像の横のテキストの回り込みをクリアするCSS
- CSS3を使ったボタンジェネレータ
- CSSだけでJavaScriptのような動きを実装するサンプル30
