CSS3: funcion resize para cajas de texto
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:
-
div.resize { width: 100px; height: 100px; border: 1px solid; resize: both; overflow: auto; }
El Ejemplo de Resize en CSS3:
Gracias a css3.info
Posts relacionados
- CSS3: Añade Sombra a las cajas de texto
- 50 Tutoriales en CSS3 para Diseñadores
- Habilita CSS3 en Internet Explorer con PIE
Sin comentarios
Aún no hay comentarios.
Deja un comentario















