Efeito de mouseover usando CSS

publicidade

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.

1 Comentário

  1. elias medeiros disse:

    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…

Pesquisa personalizada

Deixe seus comentários


web stats