Awesome search box. Using only HTML & CSS.
Made with: HTML,CSS
A search input animation in which the magnifying glass handle flies off, becomes a caret, and plants itself into the field.
Custom CSS search box with shadow and smoke text.
Made with: HTML,CSS (SCSS)
A search animation where the head of the magnifying glass becomes the field and the handle grows into a search button. HTML5 validation of non-blank input ensures the field stays open when tabbing to the Search button.
Trying out the :placeholder-shown selector to make a search form. With no JS, it validates and shows/hides the submit button.
Made with: HTML (Pug),CSS (SCSS),JS
Adding a thick outline on focus.
A small little pure CSS animation of search interaction.
Animated seach box using pure HTML & CSS.
Search form with animated search button which transforms into right arrow on hover.
Hover effect for search bar in HTML & CSS.
Pure CSS expanding search with custom properties.
Animated search bar.
Nice search box. Click on search icon, then type your keyword.
Animated (focus/transition only) search input that looks like a icon.
Made with: HTML (Pug),CSS (Sass)