[CSS]CSS3を使って美しい検索フォームを実装するチュートリアル

CSS3の角丸やグラデーションを少しだけ使って、美しい3種類（ライトグレー・ダークグレー・グレー）の検索フォームを実装するチュートリアルを紹介します。 デモページ 実装 HTML デモ3種類のHTMLは基本的に全て同じで、親のdiv要素のclassが異なるだけです。 <div class="lighter"> <form> <span><input type="text" class="search rounded" placeholder="Search..."></span> <span><input type="text" class="search square"><input type="button" value="Search"></span> </form> </div> <div class="dark"> <form> <span><input type="text"

[lotus_tribal]

アイコンが美しくない気がするのは私だけですかねｗ

[tvsk]

検索窓。角丸とgoogleっぽいグラデのサンプルソース

[warriorking]

(CSS)CSS3を使って美しい検索フォームを実装するチュートリアル | コリス

[nors]

http://www.paulund.co.uk/how-to-create-pretty-search-forms

[seteoceano]

CSS3を使って美しい検索フォームを実装するチュートリアル

[Donca]

✔ [CSS]CSS3を使って美しい検索フォームを実装するチュートリアル