前の記事 ≪:ぜんぶピュアCSSでやっちゃおうというJavaScriptの代替デモ56
次の記事 ≫:NetBeans+Chrome+Xdebugでリモートデバッグするチュートリアル

立体的なCSS3でデザインされた検索フォーム実装チュートリアル

2011年05月27日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Creating A Rocking CSS3 Search Field

立体的なCSS3でデザインされた検索フォーム実装チュートリアルが公開されています。
次のようなデザインですが、これは検索フォームだけではなく色々なところで使うことで個性的で立体的なデザインを作れる気がします。
立体的なボタンはなんとなく押したくなりますね。



押すとちゃんとボタンがへこみます。
CSS3のテクニックを色々と使ったテクニックになっているので解析するだけでも勉強になりそうですね。

関連エントリ
関連の記事検索:CSS3, あとで試す, ボタン
スポンサード リンク

By.KJ : 2011年05月27日 10:03 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)