Mouse hover

HTML

CSS

Front-end

13/09/2017

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!
Nomad

Nomad

Curtidas 0

Melhor post

William Nascimento

William Nascimento

13/09/2017

Segue o código, que eu acho que você quer

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
GOSTEI 1

Mais Respostas

Nomad

Nomad

13/09/2017

Funcionou de uma forma parecida, quase igual eu havia conseguido. Mas já da pra ter uma noção.

Obrigado pela atenção!
GOSTEI 0
POSTAR