Search Logo to Search Field Animation GIF
Pull-Out search bar concept for modern websites, when you click on the search icon it expands to form a search text field. This pure CSS snippet was designed by Asna Farid.
If you are having trouble with the pen, try the archived copy on GitHub
Search Logo to Bar Snippet
See the Pen Pull-Out Search Bar Concept by Asna Farid (@asna_farid) on CodePen.0