如何在CSS中制作带有搜索和关闭图标的动画搜索框

Question

我想知道如何制作带有搜索图标和关闭图标的动画搜索框。当有人单击搜索图标时，搜索框会平滑扩展，单击关闭图标会将其折叠。当我们在其中键入一些文本时，还有一件事，然后单击搜索图标将提交搜索表单。这里可以看到一个很好的例子。

两种解决方案 - CSS和jQuery都受到赞赏。

Answer 1

这里有一个非常好的例子，希望它会有用。

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