Button expands when hovering and shows search field.
See the Pen by studiocaro (@studiocaro) on CodePen.
Expanding Search
Expandable Search Bar
Animated Search Bar
Expanding Search Field
Expandable Search Form
Angular Material Expanding Search Bar
@keyframers 1.5.0 | Increasing Input
hamburger nav + expanding search bar (CSS only)
Expanding Search Bar
Search Expand
Expandable Search (Vanilla JS)
Mouseover & Focus Selector CSS3 Transitions | Expanding Search Bar
Foundation 6 expanding search bar
Expanded Search on Focus
CSS3 expanding search field
Bootstrap sliding search form on click
HubSpot Expanding Search Form
Expanding search bar with jQuery
Expandable Search Form with CSS3
Expand search button
Expanding Search bar
CSS only expanding search form
Expanding Search Bar (CSS)
Expanding search field
Expanding search box in navigation
Pure CSS | Expanding Search Box
Pure CSS3 expandable search box
Expanding search box a la GitHub
CSS-Only Expandable Search Box
expanding search box - toggle animated search box
Elastic search field
Animated expanding search box.
Expandable Search Box - Mobile - FA
Slidey Search Box
Expandable Search box using jquery
CSS3 expanding search box