Expanding Input

A slighty different implementation of Keyframers version.

Made with: HTML,CSS (SCSS),JavaScript (Babel)

View Code

Increasing Input

Expanding search field with CSS.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Simple On-Click Search Field Interaction

All the icons/images are made with CSS - the onlick interaction is done with the sibling selector ~.

Made with: HTML (Pug),CSS (Sass)

View Code

Css Effect For Search Input

Just a simple and a bit fancy CSS effect for input field.

Made with: HTML,CSS (PostCSS)

View Code

Animating Search Box

An animating search box made with HTML & CSS

Made with: HTML,CSS (SCSS)

View Code

Css Search Box

Pretty search box in HTML and CSS.

Made with: HTML (Haml),CSS (SCSS)

View Code

Search Input Animation

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 have only one problem - no input autofocus after opening click.

Made with: HTML,CSS (SCSS)

View Code

Animated Search Form

Very interesting solution for search form.

Made with: HTML,CSS

View Code