Una àrea de text minimalista i atractiu

Web 2.0 es caracteritza per la participació dels usuaris en la creació de continguts. Amb això en ment, un dels elements més importants de les etiquetes HTML és l'àrea de text.

L'ús d'aquest tag, que en general s'ajusta dins d'un formulari, els usuaris poden publicar opinions, fer preguntes i publicar el tipus de contingut en una àrea de text.

L'aparença per defecte d'una àrea de text no és molt agradable (és un rectangle blanc amb una barra de desplaçament laterle hi ha), però, com sabem, gràcies a CSS, que pot actuar sobre aquest aspecte radicalment la recerca de solucions de disseny molt agradable.

La solució que presento avui en aquest breu article ofereix una visió minimalista de millorar mitjançant l'aplicació d'un simple fons de la caixa de text. En el nostre exemple anem a utilitzar la paraula com una imatge del nostre logotip situat a la part inferior dreta dins d'una àrea de text amb un simple blanc amb comptes color gris:

L'efecte que volem aconseguir és la següent:

Perquè sigui encara més atractiu rislutato l'efecte final s'aplicarà també una manera molt senzilla (usant JavaScript) que es traduirà en la desaparició del text per defecte i el fons en el moment de la utilització real de la caixa de text. Però anem a graus, en primer lloc, anem a veure el codi CSS ...

• <<
• 1
• 2
• >>