This a couple of more inspirational styles for text input effects including some new techniques and ideas by Codrops.

The concept is: make (subtle) enhancements for text inputs to make them more engaging and fun.

CSS transitions and sometimes CSS animations are used on the label element or on pseudo-elements.

TextInputEffects_Set2

Demo    Source

Please note that the effects have been tested in the latest versions of modern browsers. They might not work as expected in older browsers.

Author

Designbeep is a design blog dedicated to web developers,bloggers,designers and freelancers.Our aim is to share everything about web design,graphic design,tutorials and inspirational articles and more.