如何在CSS中使用搜索和關閉圖標製作動畫搜索框？

Question

我想知道我們如何製作帶有搜索圖標和關閉圖標的動畫搜索框。當有人點擊搜索圖標時，搜索框會順利展開，點擊關閉圖標會將其摺疊。當我們輸入一些文字時，再點擊搜索圖標就會提交搜索表單。一個很好的例子可以看到here。

這兩個解決方案 - CSS和jQuery的讚賞。

Answer 1

在這裏你有一個很好的例子，希望它會有用。

http://icanbecreative.com/article/css3-animated-search-box/