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:

Boa dica! Obrigado por compartilhar.

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.

boa dica, parabéns...

Perfeito, parabéns pela dica!

Valew pela dica mna!

Abraço.

Ótima dica!

Publicado no AmigoGeek!

Obrigado por compartilhar!

Abs!

muito bom....

ogrigado por compartinhar

Ótima Dica.

@StoneLayer

Tem pegado tudo hein para o blog kkkk .