Search Icon to Search Box Animation

When you click on the search icon it expands to a search box. It was designed by Alex Tkachov. If you are having trouble with the pen, try the archived copy on GitHub Search Animation Snippet   HTML <div class=”search-wrapper”> <div class=”input-holder”> <input type=”text” class=”search-input” placeholder=”Type to search” /> <button class=”search-icon” onclick=”searchToggle(this, event);”><span></span></button> </div> <span class=”close” onclick=”searchToggle(this, event);”></span> </div> CSS body { background: #212129; }

Read more