Tutorial - Menu hover

Menu hover, é quando você passa o mouse em cima do menu, e no fundo, aparece uma imagem. Hoje, vou ensinar como fazer isso.

Vá em seu html, e procure pelo o nome da classe do seu menu (Uma dica! Procure (Ctrl + F) pelo nome de uma de suas abas, e ache a classe do seu menu, como monstra essa figura. Normalmente eles se chamam nav, ou coisas do tipo).

Ao identificar o nome da classe do menu, procure (ctrl + f) pelo nome dela, aparecerá algum codigo assim, que vai ter umas coisas tipo .nav:hover: {background:color; #FFC0CB; 

Agora, pra por um fundo, ao passar o mouse, coloque esse codigo depois do .nav:hover… e mude o “URL-DA-IMAGEM” pela url da imagem.

OBSERVAÇOES: Alguns codigos, nao possuem o “hover”, eu aconselho voce copiar o primeiro codigo do seu menu e só adiconar o codigo de colocar background!

Beijos, espero que ajude! Cacá