A textarea minimalista e atraente

Web 2.0 é caracterizada pela participação do usuário na criação de conteúdo. Com isto em mente, um dos elementos mais importantes de tags HTML é a área de texto.

Usando esta tag, o que geralmente se encaixa dentro de um formulário, os usuários podem postar opiniões, fazer perguntas e publicar tipo de conteúdo em uma área de texto.

A aparência padrão de um textarea não é particularmente agradável (é um retângulo branco com uma barra de rolagem laterle qualquer), mas, como sabemos, graças a CSS, você pode agir sobre este aspecto radicalmente encontrar soluções de design muito legal.

A solução que eu estou apresentando hoje, neste breve artigo fornece uma visão minimalista melhorada pela aplicação de um fundo simples para o textarea. No nosso exemplo vamos usar a palavra como uma imagem de nosso logotipo localizado no canto inferior direito dentro de uma textarea com um branco simples frisado cinza:

O efeito que queremos alcançar é este:

Para torná-lo ainda mais atraente rislutato o efeito final também vai aplicar uma muito simples (usando JavaScript) que irá resultar no desaparecimento do texto padrão e de fundo no momento do uso real do textarea. Mas graus vamos, primeiro, vamos ver o código CSS ...

• <<
• 1
• 2
• >>