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

Nomad

Responder

Post mais votado

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

William Nascimento

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

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar