Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17662
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Textarea com fundo parecido folha de caderno

20-03-2016 16:44

Nesse post vou indicar um efeito onde o textarea parece ser uma folha de caderno, a medida que o usuário for digitando parece que está digitando nas linhas do caderno.

textarea.notebook { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 700; width: 100%; padding: 5px 0px; margin-bottom: 20px; resize: vertical; font-size: 11px; line-height: 24px; border-bottom: 2px solid; -webkit-appearance: none; border-radius: 0; background: url(notebook.png); }


<textarea class="notebook" rows="7" cols="60">Type here...</textarea>

Figura>http://w3lessons.info/demo/textarea-not ... tebook.png
Para baixar o script zipado acesse esse link http://w3lessons.info/2014/01/05/notebo ... using-css/
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado