Olá,

Hoje vou mostrar um de vários efeitos do efeito Hover, o efeito hover é um efeito que a maioria dos sites tem, o efeito hover é que quando você passa o mouse por cima de um arquivos de texto, css, js.. ele mostra outro efeito, um exemplo é o menu do Wasd, ele tem o efeito hover.

TUTORIAL

Em seu arquivos css, localize o seletor que você ira aplicar o efeito hover. E adicione o texto destaco abaixo

Spoiler:

E depois crie outro seletor como no exemplo abaixo.

Spoiler:

EXPLICAÇÃO


Os valores adicionados no seu seletor ira fazer com que quanto tempo o efeito ira durar, ou seja, depois de quanto tempo que você estiver com o mouse em cima do efeito ele ira aparecer. Ele é medido em segundos e você pode alterar livremente.

O seletor criado tem o valor opacity: 0.7;, isso quer dizer a opacidade, ou seja a transparência do seu efeito, no caso eu adicionei 0.7, que é o que eu uso em meus projetos.

Créditos: Sєvєηs

Já sabia disso,uso bastante ele em projetos meus.

Irá ajudar bastante usuários

Já havia usado esse hover, ele é muito bom.
Obrigado por compartilhar.

Muito bom o tutorial. Eu por exemplo prefiro usar cores rgba com transparência ao invés de Opacity pelo efeito que trás.

O efeito que traz é muito legal ... Utilizo bastante em meus projetos !
Você vai ajudar vários usuários que estão iniciando agora seus projetos ,

Até

E um efeito simples, porém é muito bom, obrigado por compartilhar.

ყвłσσcкÐ escreveu:Eae Monstro Blz? Então não intendi mais obrigado por compartilhar !

Ola,

Qual é a parte que não entendeu?