Efeito de mouseover usando CSS

Links patrocinados do Google:

Reunimos aqui alguns sites úteis para quem deseja trabalhar com efeitos baseados em mouseover (passar o mouse sobre algum elemento do site).

CSS+JavaScript Fancy Menu
Solução utilizando css e javascript para criar um bonito menu horizontal. Uma imagem transparente desliza pelo menu até encontrar a seta do mouse. Lembra um menu feito em flash.

qTip - CSS Tooltips
Desenvolvido em javascript. Mostra uma caixa de texto com dicas quando a pessoa passa o mouse sobre um link. Veja um exemplo passando o mouse sobre os links vermelhos.

Sliding Doors of CSS - A List Apart
Mostra detalhes de como desenvolver um menu horizontal com abas. Exemplo.

Scrollovers
Movimenta texto do link de cima para baixo com a mudança da cor do mesmo. Efeito que chama a atenção do visitante. Teste passando o mouse sobre os links azuis do site.

CSS Image Pop-up
Você passa o mouse sobre a foto e visualiza a mesma em tamanho maior. Não precisa usar pop-up. Para testar passe o mouse sobre da casa na primeira página. Para copiar o código clique.

Create A Block Hover Effect
Este site ensina a mudar a cor de fundo de um bloco de texto com o passar do mouse igual neste exemplo.




Google Links Patrocinados:


Receba Dicas por E-mail

    Grupos do Google
    Você pode receber o Dicas Do Dia no seu e-mail e ficar sabendo sempre que novos textos forem publicados. Cadastre-seu e-mail.
    E-mail:
    Visitar este grupo

1 comentário ↓

  • elias medeiros // May 8, 2008 at 5:38 pm

    gostei da dica sobre passar o mouse sobre a foto e aumentar ela de tamanho…
    mas ao copiar o script não soube como usá-lo…
    alguem aeh pode me dar uma dica do que fazer???
    brigado…


Comente este artigo:






Saiba onde tem o melhor preço antes de comprar
Privacy Policy