Search box v.2

twitter logo github logo ・1 min read

This is just an example of microinteractions for search bar.

While I'm learning the concept of microinteractions, I tried to make a search box.

This is the second version of 'Search Box' that I made before. I used 'cubic-bezier' attribute at the transition, to have that "Bouncy" effect during the transition.

Below is my first version of 'search box'

Thank you for your time, I hope you like it.

twitter logo DISCUSS
Classic DEV Post from Sep 9

What I learned after applying to 100 jobs

Takane Ichinose profile image
A full-stack web developer who don't stop studying, and practicing.