Fórum Mouse hover #585790
13/09/2017
0
Bom dia pessoal!
No rodapé do site aqui da DevMedia mesmo, possui as informaçõs: revistas, fale conosco, etc... Que ao passar o mouse, cria uma "caixa" ao redor do texto.
Alguem sabe como eu poderia fazer para criar o mesmo estilo?
Obrigado!
No rodapé do site aqui da DevMedia mesmo, possui as informaçõs: revistas, fale conosco, etc... Que ao passar o mouse, cria uma "caixa" ao redor do texto.
Alguem sabe como eu poderia fazer para criar o mesmo estilo?
Obrigado!
Nomad
Curtir tópico
+ 0
Responder
Post mais votado
13/09/2017
Segue o código, que eu acho que você quer
HTML
CSS
E o codigo funcionado: Codigo botao hover
HTML
<div class="button"> OLÁ </div>
CSS
.button{
font-size: 20px;
font-family: 'arial black';
width: 100px;
heigth: 50px;
text-align: center;
border-bottom: 1px solid #000;
}
.button:hover {
transition: 0.50s ease-in;
border: 5px solid #000;
}
E o codigo funcionado: Codigo botao hover
William Nascimento
Responder
Gostei + 1
Mais Posts
14/09/2017
Nomad
Funcionou de uma forma parecida, quase igual eu havia conseguido. Mas já da pra ter uma noção.
Obrigado pela atenção!
Obrigado pela atenção!
Responder
Gostei + 0
Clique aqui para fazer login e interagir na Comunidade :)