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.

efecto CSS3 para campos input y textarea

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

Categorizado en: