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

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

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

Aceitar