Attractive Input Fields With CSS3 – Fancy Input

CSS3 provides us lots of styling options to create good-looking form elements.

Fancy Input, a jQuery plugin, doesn’t focus on the styling part but makes the fields attractive (and fun-to-use) by adding CSS3-powered effects.

Fancy Input

The plugin hides the input field, places a span element containing the character pressed and applies CSS3 transitions to each element (letter).

There are multiple built-in effects and it works with both input + textarea fields.