Mouse hover
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
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
Clique aqui para fazer login e interagir na Comunidade :)