Efectos para campos input y textarea con CSS3

Fancy Input es un pequeño plugin desarrollado con jQuery para la creación de atractivos efectos CSS3 sobre campos input y textarea.

Este plugin funciona perfectamente en cualquier elemento del tipo input o textarea, sin embargo la compatibilidad con los distintos navegadores se encuentra limitada a aquellos que aceptan las nuevas propiedades propuestas por CSS3. En general no vamos a tener problema en Firefox, Chrome, ni Opera, pero sí con Internet Explorer que no es soportado en ninguna de sus versiones.

Implementar estos fantásticos efectos es muy fácil, podemos decidirnos por aplicarlos a todos los campos del tipo input/textarea, o bien asignarlo a una clase o identificador determinado.

Ejemplo de efecto CSS3 sobre input y textarea

<div><input type='text' /></div>
<div><textares></textarea></div>

<script>
    $('div :input').fancyInput();
</script>

El plugin tiene un peso de unos 10kb en su versión de desarrollo, este peso se reducirá considerablemente cuando comprimamos el archivo mediante gzip.

Web: Fancy Input