jQuery fancy input box with amazing CSS3 effects

Fancy Input is a jQuery plugin for creating amazing (CSS3 based) effects on typing text in HTML text and textarea inputs.

jQuery fancy input box in action

Fancy Input is an awesome jQuery plugin, to apply for inputs (form) and add fancy CSS3 effects. Makes typing in input fields so nice and fun!

jQuery fancy input box with amazing text typing effects
jQuery fancy input box with amazing text typing effects

The plugin makes typing & deleting text in the inputs exciting & fun, thanks to CSS3 effects.

Usage – basic example

<!-- ...page content... --> 
<div>
    <input type='text' >
</div>
<div>
    <textarea></textarea>
</div>
<!-- ...some more content ... -->
<script>
    $('div :input').fancyInput();
</script>

Call the .fancyInput() function on all parents of inputs. This code example assumes, that every input is wrapped in a div.

Demos:

http://yaireo.github.io/fancyInput

GitHub:

https://github.com/yairEO/fancyInput

Just try – you will love it!

Share:Share on Facebook1Share on Google+0Tweet about this on TwitterShare on LinkedIn1Pin on Pinterest2