Deixe seu formulário igual ao do twitter!

[Daniel Wanderley]

Uma modificação simples que da outra vida ao formulário do seu site.

Basta colocar na folha de estilo e pronto, você pode usar também na textarea

input {

	transition: all 0.30s ease-in-out;

	-webkit-transition: all 0.30s ease-in-out;

 	-moz-transition: all 0.30s ease-in-out;

 	border:#999 1px solid;

 	outline:none;

}


input:focus {

	box-shadow: 0 0 5px rgba(81, 203, 238, 1);

	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);

	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);

}

Resultado:

[Igor B]

Boa dica! Obrigado por compartilhar.

[tekobr]

Obrigado pela dica, Daniel. Outro dia não consegui achar que o que eu precisa era o "input:focus" para mudar o campo quando tivesse com o cursor nele.

[ricardolima]

boa dica, parabéns...

[Roots]

Perfeito, parabéns pela dica!

[Demartini]

Valew pela dica mna!

Abraço.

[Guest Stonelayer]

Ótima dica!

Publicado no AmigoGeek!

[MCelow]

Obrigado por compartilhar!

Abs!

[nando]

muito bom....

ogrigado por compartinhar

[Jordan Miguel]

Ótima Dica.

@StoneLayer

Tem pegado tudo hein para o blog kkkk .