Assinar o RSS do Blog Do MalucoRSS

Efeito over em linhas de tabelas

11 de julho de 2009 
Categorias: Css

Fala galera, Muitos pessoas já me perguntaram, como que faz aquele efeito hover nas linhas da tabela sem ter que programar muito, mas eu quero fazer só com CSS para não ter que mexer com muito javascript. Então vamos lá pois é mais simples que vocês imaginam. o nosso HTML vai ficar assim:


Código HTML

Código HTML

e o nosso CSS assim:

Código CSS

Código CSS

e aqui está o resultado final de nosso pequenino código:

Resultado Final

Resultado Final

A linha verde mais clara é onde o mouse está passando naquele exato momento.

Download do Código

Espero que tenham gostado dessa dica!!! Vlw Galera!! Abração do Maluco!!! :-P

Comments

6 Respostas para “Efeito over em linhas de tabelas”
  1. Marlos disse:

    Cara tá ai um efeito simples mas que pra muita gente que tá começando como eu dá muito trabalho.
    Vlw pelo post Maluco e Parabéns pelo Blog espero que em breve tenha mais dicas e tutoriais!

  2. Maluco disse:

    Vlw Marlos,

    Pois é pode ter certeza que não parar por aqui não tem muita coisa ainda pra escrever!
    Assine o meu RSS e fique antenado nas novidades do Blog!

    Abração do Maluco! :-P

  3. Paulo Soares disse:

    Parabéns ao blog. O conteúdo é pra gente maluca realmente. Muito bom o layout, PARABÉNS!!!!!!

  4. Maluco disse:

    Opa!! Diretoria do ItDrops apoiando..rsrsrs
    Mas Vlw cara!!

    Acessem:http://www.itdrops.com.br

    Abração do maluco! :-P

  5. Maurício disse:

    Irado cara!!
    uma mão na roda! com ctz!!

  6. o que eu estava procurando, obrigado

Deixe seu Comentário

Escreva o que você achou desse post...
Ahhh... se você quiser colocar sua foto ou avatar junto com sua mensagem cadastre-se no Gravatar!

Security Code: