jQuery Plugin for Typing In Input with Amazing CSS3 Effects - Fancy Input

Fancy Input is an amazing jQuery form plugin that adds fancy CSS3 effects to your input fields or textarea (v1.1.0+) when users typing in. Please check the Demo page before moving on.

Basic Usage:

1. Include jQuery library in your header

<script src='http://code.jquery.com/jquery-1.9.1.min.js'></script>

2. Include Fancy Input CSS

<link rel="stylesheet" href="fancyInput.css">

3. Markup

<div>
<input type="text" />
</div>

4. Include FancyInput.js and call the plugin

<script src='fancyInput.js'></script>

$('div > input').fancyInput();

Change Log:

v1.3.3 (2017-06-03)

• Fixed: CTRL + A, Backspace/Delete = Broken

v1.3.0 (2013-10-02)

• fixed a bug with the delete key

v1.3.0 (2013-10-02)

• fixed a bug with the delete key
• Turn off events on init

v1.1.0 (2013-02-24)

• tons of bug fixes
• added support for textarea

---

This awesome jQuery plugin is developed by yairEO. For more Advanced Usages, please check the demo page or visit the official website.