立体的なCSS3でデザインされた検索フォーム実装チュートリアル:phpspot開発日誌Creating A Rocking CSS3 Search Field 立体的なCSS3でデザインされた検索フォーム実装チュートリアルが公開されています。 次のようなデザインですが、これは検索フォームだけではなく色々なところで使うことで個性的で立体的なデザインを作れる気がします。 立体的なボタンはなんとなく押したくなりますね。 押すとちゃんとボタンがへこみます。 CSS3のテクニックを色々と使ったテクニックになっているので解析するだけでも勉強になりそうですね。 関連エントリ CSS3のよく使いそうな１０個のテクニックのまとめ CSS3で実装されたボタンのサンプルやチュートリアル総まとめ CSS3な背景パターンのギャラリーサイト「CSS3 Patterns Gallery」 コピペで使えるCSS3ボタン６つのレシピ
