Caixa de Texto com Efeito

1º Coloque o seguinte código no código do Template em baixo da tag "]]></b:skin>"

/* Efeito Caixa de Texto */ textarea { border: 3px double #ccc; (espessura e cor da borda) background: #efefef; (plano de fundo da caixa) -webkit-transition: all 0.8s linear !important; transition: all 0.3s ease !important; -webkit-transition: all 0.8s ease !important;-o-transition: all 0.8s ease !important;-moz-transition: all 0.8s ease !important; -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2); box-shadow: 0 0 20px rgba(0, 0, 0, .2); -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-border-radius:6px; -webkit-border-radius:6px; -goog-ms-border-radius:6px; opacity:0.7 } textarea:hover { opacity:1; border: 3px double #ccc; (espessura e cor da borda) background:#efefef; (plano de fundo da caixa) -moz-box-shadow: 0 0 35px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .5); box-shadow: 0 0 35px rgba(0, 0, 0, .5); -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-border-radius:6px; -webkit-border-radius:6px; -goog-ms-border-radius:6px; } 

0 comentários:

Postar um comentário