quinta-feira, 26 de março de 2015

textarea transparente ou com ou pouco de transparência em html Css

Para deixar a textarea  transparente é o seguinte:
 style="color: black; background-color: transparent;"
Ficando assim:
<textarea style="color: black; background-color: transparent;" maxlength="3000" rows="20" cols="100" name = 'descricao'></textarea>

Agora para deixar ela um pouco opaca ou com um leve tom voce deve colocar uma imagem com a transparencia desejada de fundo, para isso usamos o css:

  <style type="text/css">
.fundotrans {
        background-image: URL('fundo.png');
        background-repeat:      repeat;

}
  </style>
Onde fundo é o nome da imagem que voce quer colocar e esta no formato png para ter a transparência.
Imagem do fundo
.agora aplicamos a classe css na  textarea:
<textarea style="color: black; background-color: transparent;" class = 'fundotrans ' maxlength="3000" rows="20" cols="100" name = 'descricao'></textarea>

Pronto! Se quiser uma tonalidade mais forte ou de outra cor altere a imagem e alve-a no mesmo diretório da pagina.

Nenhum comentário: