如何在CSS中使用搜索和关闭图标制作动画搜索框?

时间:2017-03-16 17:10:36

标签: jquery css

我想知道如何制作带有搜索图标和关闭图标的动画搜索框。当有人点击搜索图标时,搜索框会顺利展开,点击关闭图标会将其折叠。当我们在其中键入一些文本然后单击搜索图标时,将提交搜索表单。可以看到一个很好的例子here

两种解决方案 - CSS和jQuery都很受欢迎。

1 个答案:

答案 0 :(得分:0)

这里有一个很好的例子,希望它有用。

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