SEARCH INPUT ANIMATION

Author:

  • Nikolay Talanov
  • March 29, 2015

Made with:

  • HTML / CSS (SCSS)

About the code:

This is a beautiful search input animation (pure css, without svg). Added variables for width, height and border-width, so now you can easily change overall dimensions of this search input. This demo has only one problem – no input autofocus after opening click.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies:

Download Demo and Code