🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

@keyframers 1.5.0 | Increasing Input

Watch us make this animation live! https://youtu.be/FX6i5e1sPqM This week, David Khourshid and Stephen Shaw animate an expanding search input. Watch as they valiantly struggle to slide the appropriate layers in the right directions!

Expandable Search Box

Demo Tutorial

See the Pen by shshaw (@shshaw) on CodePen.

This awesome script developed by shshaw. Visit their official repository for more information and follow for future updates.

You May Also Like

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

Expandable Search (Vanilla JS)

Mouseover & Focus Selector CSS3 Transitions | Expanding Search Bar

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

Expanding Search Bar

CSS only expanding search form

Expanding Search Bar (CSS)

Expanding search field

Expandable Search Form

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

jQuery Plugins

AngularJs Plugins