CSS3: funcion resize para cajas de texto

ContactFormDiv

Siguiendo con las nuevas propiedades que nos aporta CSS3 hemos visto en css3.info una nueva funcionalidad que aporta mucho dinamismo a las cajas de texto o textareas, usadas a día de hoy para Formularios, Comentarios en WordPress, páginas de contacto y para páginas de empresa.

Hablamos de la propiedad resize de CSS3, con la que vas a poder redimensionar una caja de texto dinámicamente (por parte del usuario). Esta funcionalidad antes implementada en Javascript dispone de su homólogo en CSS3 y como decimos es muy dinámico, ideal para una plantilla de comentarios en el que el usuario puede agrandar la caja a su antojo.

El codigo en CSS para esta propiedad:

[php]div.resize { width: 100px; height: 100px; border: 1px solid; resize: both; overflow: auto; }[/php]

El Ejemplo de Resize en CSS3:

Gracias a css3.info

Scroll al inicio