Campos de entrada html con efectos jQuery CSS3…

Esta es una técnica para crear efectos jQuery css3 en campos de entrada type: INPUT y TEXTAREA la cual sirve de mucho para diseño de un formulario atractivo y divertido ..

Este es un plugin experimental jQuery que básicamente hace que sea divertido para escribir texto. funciona con campos de entrada envueltos con un div, de una manera que oculta el campo de entrada real (pero todavía se «comunica» con ella), y poner un elemento span que contiene el carácter presionado (en un caso de uso normal), y cada elemento span está siendo la transición de una forma CSS3 agradable. El resultado final es un campo de entrada de texto igual que trata de simular un campo de entrada de real tanto como sea posible, incluyendo copiar, pegar, deshacer y cambia la selección de texto.

  • Soporta entrada (type text) y elementos de formulario textarea.
  • Añadir efectos a cada letra.
  • Todos los efectos son altamente personalizable a través de CSS.
  • Efectos predeterminados CSS3 hardware accelerated (Breve introducción).
  • Intenta simular un input / textarea  lo real posible.

Necesitamos llamar la función .fancyInput() hay que asegurarse que los input están dentro de un div..

  <div>
      <input type='text' >
  </div>
  <div>
      <textarea></textarea>
  </div>
  <script>
      $('div :input').fancyInput();
  </script>

Entre head y head llamaremos al jQuery y su librería incluido el css y sus javascript…

DEMOSTRACIÓN

Relacionado